Размер экрана галочки (android)

Question

Я сделал приложение HTML5 для Android с помощью Phonegap. Размер телефона 480 x 800. Javascript возвращает ширину экрана 480 (screen.width). Но контент с шириной 480 пикселей больше экрана. Когда я жестко кодирую этот элемент с шириной = 320, он выглядит хорошо.

Например:

<div style="width:480px;border:#000000 1px solid">It's bigger than screen</div>    
<div style="width:320px;border:#000000 1px solid">It's looking good</div> 

Какой путь я должен использовать, чтобы получить ширину? Или есть некоторые параметры конфигурации в Phonegap?

Answer 1

csswidth = screen.width/window.devicePixelRatio 

Чтобы получить ширину CSS, мы должны разделить ширину экрана (по причине его полноэкранного приложения) по соотношению пикселей устройства.

480/1.5 = 320. Отлично.

Answer 2

Прочитайте эту статью, чтобы понять: http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html

480 ширина в физических пикселей устройства, 320 ширина CSS страницы. Это трюк, чтобы ваша страница отображалась на устройствах одинакового размера и имела разную плотность.