Почему браузер Android и iOS отображает сайт шире, чем ширина экрана устройства по умолчанию? - PullRequest
2 голосов
/ 16 ноября 2010

Я использовал следующий код на своем сайте, чтобы браузер Android не отображал его шире, чем разрешение экрана.Это код, который я нашел на этом сайте, но, готовясь задать этот вопрос, я не смог найти исходный вопрос снова для справки.

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

Для начала этот код работал.Изначально браузер отображал страницу примерно в три раза шире, чем разрешение экрана, и Opera Mini сделала то же самое.После вставки этих двух строк в мой <head> проблема исчезла, и страница была отображена так, как и должно быть.Из ответа, который предоставил этот код, я помню, что эта ненормальная ширина была вызвана механизмом рендеринга WebKit, который, в частности, работал на браузерах Android и iOS.WebKit переопределяет разрешение экрана и отображает страницу с разрешением, превышающим разрешение экрана?

1 Ответ

6 голосов
/ 16 ноября 2010

Это связано с настройками видового экрана телефона по умолчанию. По сути, это не WebKit, а реализация браузера на устройстве. Вот некоторые размеры макета по умолчанию: Safari iPhone использует 980px, Opera 850px, Android WebKit 800px и IE 974px.

Вы можете проверить их для получения дополнительной информации: http://www.quirksmode.org/mobile/viewports.html & http://www.quirksmode.org/mobile/viewports2.html

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