0

我将我的第一个应用程序发布到“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。

4

2 回答 2

1

Imo,最佳实践是在 css 中使用媒体查询来检测大屏幕。

使用媒体查询,您可以检测屏幕大小并对您的 CSS 进行适当的调整。

您可以通过执行 font-size 将字体大小重置为设备的默认字体大小:100%

于 2013-04-09T10:49:18.430 回答
0

问题是使用媒体查询,例如:

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

我还针对不是 S3 的其他设备

于 2013-04-10T07:31:59.857 回答