Почему тег viewport на Galaxy Nexus / Android 4 не работает?

Я работаю над webApp, который должен быть изменен до любого размера экрана, которое может иметь устройство. В iOS и более старых версиях Android тег viewport отлично работает. Изображение на экране всегда изменяется в зависимости от экрана.
(Как описано здесь: https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html#//apple_ref/doc/uid/TP40006509-SW19 )
На Galaxy Nexus (Android 4.0) это не сработает. С левой и правой стороны – около 20 пикселей пространства, и я не знаю, почему он это делает. Мой тег viewport выглядит так:

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

Независимо от того, что я изменяю по тегу, пространство всегда есть, и содержимое не подходит для экрана. Я сделал образец страницы, чтобы показать вам эффект: http://easyeve.w3y.de/link/index.html
Если вы откроете эту ссылку на iPhone, то контент прекрасно подойдет (вы не увидите ничего желтого = тело), ​​а ширина документа – 320 пикселей. На Galaxy Nexus вы увидите желтое пространство, а ширина документа – 360 пикселей (что составляет ровно половину разрешения экрана). Это тоже должно быть 320 пикселей! У вас тоже есть эта проблема, и есть ли способ ее исправить?

Обновление: я заметил ту же проблему в Galaxy Note / Android 2.3.6. Это не проблема Android 4. Это связано с большим размером экрана, я думаю ..

Solutions Collecting From Web of "Почему тег viewport на Galaxy Nexus / Android 4 не работает?"

Сама же проблема (Galaxy Nexus – Android 4.0.2), я говорю о регулярной веб-странице в браузере по умолчанию

Установки браузера для просмотра в метаданных с начальным значением меньше 1 (уменьшение) . Более высокие значения, чем 1 (увеличение), прекрасны.

В браузере есть настройки (settings-> advanced), где вы можете изменить ситуацию:

  1. Усиление по умолчанию – это имеет значение, но оно не устраняет проблему.
  2. Автоподгонка страниц – в моем случае не имеет значения

Кажется, что все работает в браузере Chrome (бета-версия на данный момент), но это не браузер по умолчанию для ICS / Galaxy Nexus.

ОБНОВЛЕНИЕ (решение):

Установка Galaxy Nexus в метаданных «width = device-width» не выполняется.
Настройка видового экрана «width = 1280» работает просто отлично (1280px – это ширина экрана галактики nexus).

Помните, что установка «width = 1280, user-scalable = no» снова разрывает его (вы можете уменьшить масштаб, даже если есть пользовательский масштабируемый = нет) 🙁

Я столкнулся с чем-то похожим на вкладке Galaxy 2. При настройке вашего WebSettings для аппликации попробуйте установить webViewSettings.setUseWideViewPort (true); Это заставит Android рассмотреть метатег viewport. Он игнорировался в случае Galaxy Tab 2 для моего приложения, и все в видовом экране неправильно рисовало, пока я не изменил это.

Сегодня я столкнулся с этой проблемой. Моя проблема была немного сложнее, потому что мне пришлось иметь дело с таблицей стилей WordPress (из другой темы) в дополнение к базовому CSS. Chrome отлично работал на моем телефоне и планшете, и браузер для браузера отлично работал на планшете. Тем не менее, браузер обозревателя продолжал увеличивать масштаб и показывать мне рабочий стол. На обеих сторонах не было полей, что было правильным поведением, но браузер должен был удалить поплавки с боковой панели и разделов контента и увеличить масштаб до основного содержимого (я использую запросы @media). Как ни странно, я действительно исправил это, предварительно установив параметр «Масштаб» на «Дальний», обновив, а затем сбросив масштаб на «Средний» и освежив.

Я должен отметить, что когда я смотрел HTML и CSS вашей страницы, я заметил, что вы задали определенную ширину пикселя для своего div. Я уверен, что вам нужно использовать проценты для ширины. Например, мой центрированный контент div имеет margin: 0 auto; , min-width:320px; , max-width:900px; , А width:100%; ,