我将我的第一个应用程序发布到“play store”并使用 PhoneGap 制作。
该应用程序在所有设备上看起来都不错,但在 Galaxy S3 和 Note II 中字体大小和 div 高度太大。
我有:
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">');
}
加载正确的样式表。
银河 S3:
http://img17.imageshack.us/img17/7998/16761073.png
连结 4:
http://img802.imageshack.us/img802/2327/88668575.png
两个设备是 720x1280。