【问题标题】:media query not working on android emulator媒体查询在android模拟器上不起作用
【发布时间】:2014-01-06 22:11:04
【问题描述】:

我正在开发一个 phonegap 应用程序并尝试在 android 模拟器上对其进行测试。 我正在测试的模拟器是 Nexus 4。 这是我正在使用的媒体查询:

@media screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2) { //我的CSS样式 //这里没有任何作用

}

有什么想法吗?

【问题讨论】:

    标签: android cordova media-queries nexus-4


    【解决方案1】:

    结帐,您的模板中是否有此代码:

    <meta name="viewport" content="width=device-width, initial-scale=1">
    

    据我所知,Nexus 没有 Retina,因此您应该移除:

    -webkit-device-pixel-ratio: 2 
    

    来自您的媒体查询

    【讨论】:

    • 我有那个元标记。但即使我删除了 webkit-device-pixel-ratio,它仍然无法正常工作。
    猜你喜欢
    • 2015-01-09
    • 2015-03-23
    • 2017-08-04
    • 2023-03-05
    • 2013-02-22
    • 1970-01-01
    • 1970-01-01
    • 2014-02-21
    相关资源
    最近更新 更多