Phonegap + Galaxy s3 Размеры

Question

Я опубликовал свое первое приложение для «play store» и сделано с помощью PhoneGap.

Приложение хорошо выглядит на всех устройствах, но в размерах Galaxy S3 и Note II размер шрифта слишком большой.

у меня есть:

if (window.devicePixelRatio == 1.5) { 
      document.write('<link rel="stylesheet" type="text/css" href="css/hdpi.css">'); 
     } else if (window.devicePixelRatio == 1) { 
      document.write('<link rel="stylesheet" type="text/css" href="css/mdpi.css">'); 
     } else if (window.devicePixelRatio == 2) { 
      document.write('<link rel="stylesheet" type="text/css" href="css/xhdpi.css">'); 
     } else if (window.devicePixelRatio == 0.75) { 
      document.write('<link rel="stylesheet" type="text/css" href="css/ldpi.css">'); 
     } 

для загрузки правильной таблицы стилей.

Galaxy S3:

http://img17.imageshack.us/img17/7998/16761073.png

Nexus 4:

http://img802.imageshack.us/img802/2327/88668575.png

Два устройства 720x1280.

Answer 1

Imo, лучшая практика - использование медиа-запросов в css для обнаружения большого экрана.

С медиа-запросами вы можете определить размер экрана и выполнить правильные настройки для вашего css.

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

Answer 2

Проблема заключается в том, что с помощью медиа запросов, как:

@media only screen and (max-device-width: 720px) and (orientation:portrait) { 
.divbtn{ height:244px;} 
} 

таргетировать также другие устройства, которые не являются S3