2015-01-22 3 views
-1

Сайт: не кажется http://www.partyfacepainting.co.uk/testотзывчивым проблема с начальной загрузки на мобильный и таблетки

бутстрэпами реагирующие функций, которые будут работать на iPhone или IPad для этого сайта по какой-то причине. Они отлично работают на рабочем столе, когда я уменьшаю размер окна браузера. Я искал тему и единственный ответ, который, как представляется, в связи с не добавляя:

> <meta name="viewport" content="width=device-width, 
> initial-scale=1.0"/> 

, но у меня есть это, и это по-прежнему не реагирует. Я создал несколько сайтов с бутстрапом сейчас и никогда не имел этой проблемы в прошлом. Я даже попытался загрузить неотредактированную версию файлов начальной загрузки с одним из их стартовых шаблонов в качестве индексного файла (вы можете видеть это здесь: http://www.partyfacepainting.co.uk), и даже это не работает. Я просто не могу понять это! Любая помощь приветствуется.

+0

вы должны иметь, что мета-видовой экран для мобильных устройств. RWD будет работать нормально на рабочем столе даже с метатегами просмотра или без него. На вашем тестовом сайте в настоящее время нет метатега viewport, поэтому он не сработает. – nCore

+0

Если вы поместите свой сайт в iframe, что не очень хорошо по многим причинам, а html исходной страницы фрейма не имеет метатега viewport, это то, что происходит. – Christina

ответ

1

Ваша страница структурирована следующим образом:

<html> 
    <head> 
    <title>Party Face Painting</title> 
     <meta name="keywords" content=""> 
     <meta name="description" content=""> 
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
     <!-- you need a viewport meta tag up here --> 
    </head> 
    <frameset rows="100%"> 
    <frame ...> 
     #document 
     <!DOCTYPE html> 
     <html lang="en"> 
      <head> 
      ... 
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
      <!-- you have a viewport meta tag within the frameset here --> 
      ... 
      </head> 
      ... 
    </frame> 
    ... 
    </frameset> 
</html> 

Вы не имеют видовых мета-тег на внешней странице, только в кадре

+0

не могу поверить, что я пропустил это! Большое спасибо за вашу помощь :-) –

+0

@ DuncanMacnaughtan - примите этот ответ, чтобы стать участником сообщества – Christina

Смежные вопросы