Возможно ли адаптировать сайты к iPad / iPhone без медиазапросов, окон просмотра, дополнительных скриптов? - PullRequest
3 голосов
/ 28 марта 2012

Всякий раз, когда я создаю только обычный сайт, при просмотре того же сайта на iPad / iPhone рендеринг всегда отличается, когда страница слишком увеличена или страница смещается на мили влево при переключении ориентации. Я видел некоторые сайты, у которых, кажется, нет никаких дополнительных инструментов для того, чтобы оригинальный сайт отображался так, как должен (без окна просмотра, медиа-запросов или чего-либо еще), что меня совершенно озадачивает. Я пытался реплицировать их код, но мои сайты все равно заканчивали рендерингом по-другому, что, вероятно, связано с моими собственными методами (которые в любом случае я считаю совершенно стандартными).

Не существует ли простого метода или практики веб-разработки, при которой все сайты заполняют портативное устройство без проблем, а по ориентации размер сайта идеально изменяется? Что я упускаю? Обычно я бы не назначил высоту никаким элементам-оберткам, и единственную ширину, которую я бы добавил, - это основной контейнер, но у меня есть ощущение, что это как-то связано с этими неопределенными стилями. Благодарю.

Ответы [ 3 ]

0 голосов
/ 20 апреля 2012

Как правило, проценты для ширин и медиа-запросов - это путь. Если сайты, которые вы просматриваете, делают больше, есть несколько возможностей. Одна возможность, которая приходит на ум, заключается в том, что они могут обнаруживать разные устройства, используя HTTP-заголовки и отправляя разные CSS на уровне сервера. Это может быть полезно, например, для отправки изображений с меньшим разрешением в меньшие браузеры, которые все равно не могут использовать дополнительные пиксели.

Удачи.

0 голосов
/ 25 сентября 2012

Я обнаружил, что удаление строки:

<meta name="viewport" content="width=device-width"> 

из HTML5 Boilerplate html, который я использовал, исправил то, что я пытался достичь в этом случае, но, очевидно, это не позволяет вам контролировать область просмотра на мобильных устройствах.

0 голосов
/ 29 марта 2012

Что сказал @sandeep, вы можете работать с процентами.

Возможно, сайты, которые вы видели, работали с обходным путем javascript или имели медиа-запросы в своем файле CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...