Ширина сайта не подходит для экрана iPhone

Я хочу, чтобы ширина моего сайта автоматически вписывалась в экран портфолио iPhone (тестирование на iPhone 5). Я в настоящее время имеют ширину CSS установлен на 100%, и я использую этот мета тег видовых:Ширина сайта не подходит для экрана iPhone

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />

Этот метод был рекомендован этот вопрос: Website does not automatically fit to iphone screen

Это не работает для меня, хотя. Ширина сайта по-прежнему намного шире, чем экран портфолио iPhone.

Как я могу получить ширину сайта для автоматической установки на экран с портретом iPhone?

источник

2013-07-10 Tim Jahn

Есть ли у размещаемого пример? Каким образом он слишком широк? Является ли оно уменьшенным или содержимым, зависающим от окна просмотра? –

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

Убедитесь, что окно просмотра настроено правильно:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Убедитесь, что вы не имеете содержание, которое шире области просмотра.

Например, если у вас есть изображение, которое шире, чем видовая Установите CSS для

max-width:100%;

источник

2013-07-10 17:50:23

Я добавил это к заголовочному изображению, которое вызывало проблемы и что сработало. –

Я думаю, что вы можете просто немного отдохнуть. Это то, что работает для меня.

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

источник

2013-07-10 17:41:22

Нет, это тоже не работает для меня. :(Сайт по-прежнему слишком широк. Почти в 2,5 раза шире ширины портфолио iPhone 5. –

Ширина сайта не подходит для экрана iPhone

ответ

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