Неверная ширина в браузере веб-браузера Android

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

<div class='separator' width=100% style='border: 2px;padding: 2px;border-style: solid;'>&nbsp;</div> <div class='separator' width=100% style='border: 2px;padding: 2px;border-style: solid;'>New & improved div</div> <div class='separator' width=100% style='border: 2px;padding: 2px;border-style: solid;'>another working one</div> <div class='separator' width=100% style='border: 2px;padding: 2px;border-style: solid;'>another</div> 

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

Обновление : я тестировал это на 2,3, 3,0, 3,1 и недавно созданный эмулятор 2.2, все они не могут правильно его отсортировать. Похоже, что другие люди это заметили, см. Здесь и здесь . Кто-нибудь знает хороший обходной путь для этой ошибки?

Просто добавьте этот метатег в свой тег html head.Ive проверил его с браузером Android 2.1, и он отлично работает при масштабировании.

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

В моем WebView я смог зафиксировать ширину, отключив широкий видовой экран.

 webview.getSettings().setUseWideViewPort(false); 

Это отключает горизонтальную прокрутку, если это абсолютно необходимо, а div width и zoom работают так, как ожидалось. Очевидно, что это будет работать только с пользовательским WebView, возможно, существует более общий способ сделать это с помощью чего-то вроде <meta name = "viewport" …>?

использование

 layout_width="fillparent" 

🙂

Intereting Posts
Геокодер getFromLocation () не имеет значения null, но имеет размер 0 всегда Обнаружение входящего вызова с помощью телефонного разговора Прокрутка текста над кнопками, кнопки в нижней части Пропустить тест для конкретного варианта сборки в Android + Gradle? Исключение, возникающее при рендеринге: двоичная строка XML-файла # -1: класс раздувания ошибок <неизвестно> SnackBar и fitsSystemWindow Android-студия, когда я добавляю модуль Java в приложение, будет ошибкой Android: Как установить предпочтительный режим просмотра клавиатуры из IME Гибкое пространство в Android Неустранимая ошибка. Mremap (): failed: Недостаточно памяти в строке io_realm_internal_SharedGroup.cpp 188 Обрабатывать видео покадрово в OpenCV на Android Не запускать эмулятор Android после обновления sdk до 23.0.5 Сколько времени требуется, чтобы андроид перешел в режим доз? Расположение Android как кнопка с возможностью выбора Почему setGravity () не влияет на пользовательскую ViewGroup?