Какова цель метатега просмотра?

Question

Я разрабатываю мобильный сайт, и я сначала попробовал просто использовать обычную html-страницу с тегом h1. Это выглядит очень маленькие, так что я искал и нашел, что мне нужно добавить эти строки:

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

После попытки нескольких веб-страниц, чтобы понять это, я до сих пор путают. Является ли область просмотра дополнительной шириной устройства, например, для iPhone размером 960 пикселей? Хотя iPhone 4 составляет всего 640 пикселей, поэтому он масштабирует его, чтобы подражать этому размеру? Поэтому, чтобы не думать о том, что видовой экран - 960 пикселей, он говорит, что он равен размеру экрана?

Если это так, другие устройства для обруча/устройства, такие как Android-устройства, имеют разную ширину (кроме 960 пикселей)?

Answer 1

За мобильную документацию Jquery, есть ошибка для прошивкой с этим:

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

Они рекомендуют последующую строку:

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

Вы также не нужны пользователю масштабируемый либо, выше строка не будет отключить пользователя зума.