cordova – 在Phonegap中调整Android设备像素比率的问题

概述我一直试图让媒体查询在具有不同设备像素比率的设备上正常工作. 当我从菜单中选择Nexus S时,它看起来很棒. 当我从菜单中选择Nexus 4时,放置关闭. 从Chrome开发工具我看到,对于Nexus S,计算出的样式是 (-webkit-max-device-pixel-ratio: 1) 对于Nexus 4： (-webkit-max-device-pixel-ratio: 1.5) 这是我 我一直试图让媒体查询在具有不同设备像素比率的设备上正常工作.
当我从菜单中选择Nexus S时,它看起来很棒.

当我从菜单中选择Nexus 4时,放置关闭.

从Chrome开发工具我看到,对于Nexus S,计算出的样式是

(-webkit-max-device-pixel-ratio: 1)

对于Nexus 4：

(-webkit-max-device-pixel-ratio: 1.5)

这是我的CSS：

@media only screen and (orIEntation:landscape) and (-webkit-max-device-pixel-ratio: 1.5 ){    .txt{        top: 170px;        left: 150px;        position:absolute;        Font-size:60px;     }}@media only screen and (orIEntation:landscape) and (-webkit-max-device-pixel-ratio: 3 ) and(-webkit-min-device-pixel-ratio: 2 ){    .txt{        top: 270px;        left: 200px;        position:absolute;        Font-size:60px;    }}

这是我的元视口标记：

<Meta name="vIEwport" content="wIDth=device-wIDth; initial-scale=1; maximum-scale=1; user-scalable=0;"/>

我使用emulate.phonegap.com(AKA Ripple)进行测试.

解决方法 您不能使用-webkit-max-device-pixel-ratio,因为它尚未受支持.

我添加了这个答案,因为它可以帮助具有相同问题的其他用户更快地找到解决方案.

总结

以上是内存溢出为你收集整理的cordova – 在Phonegap中调整Android设备像素比率的问题全部内容，希望文章能够帮你解决cordova – 在Phonegap中调整Android设备像素比率的问题所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。