Почему область просмотра браузера Android намного меньше, чем фактический размер экрана мобильного телефона, даже при использовании width = device-width?

Question

Я хотел бы спросить, почему браузер моего HTC Desire HD отображает ширину области просмотра 369 пикселей, хотя фактический размер экрана составляет 480x800 WVGA.

Я использую на своей странице следующие стили CSS:

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

Можете ли вы объяснить мне это странное поведение и как заставить браузер Android фактически устанавливать ширину области просмотра на 480 пикселей, а не на странные 369 пикселей?

Спасибо за любую помощь.

Answer 1

Подробное объяснение проблемы можно найти в этом сообщении в блоге .

Число, которое вы видите (369px), фактически является размером устройства, умноженным на значение по умолчанию, предполагаемое, плотность экрана 160 dpi.

Чтобы использовать плотность экрана устройства, вы должны указать в метапорте просмотра, что вы хотите использовать dpi устройства.

например:

<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">

EDIT : документация класса WebView теперь также содержит информацию о параметре target-плотностьDpi и возможных значениях.