Android模拟器无法响应媒体查询

时间:2014-04-04 11:08:04

标签: android google-chrome cordova adt

我正在Eclipse中使用Phonegap和ADT开发一个Web应用程序,我想在模拟器中测试它。但是,无论我选择哪种设备模拟,我的设计看起来都完全一样。我在最大宽度480上有一个断点,但是大于此值的设备也会将页面呈现为低于480.我已经包含了视口元数据,如下所示:

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

我的媒体查询如下:

@media screen and (max-width:480px) {...}

我也试过

@media screen and (max-device-width:480px) {...}

并包含特定于供应商的解决方案,结果相同。当我在Firefox或Chrome以及Chrome devTools模拟器中调整浏览器窗口大小时,一切看起来都很好。这是我的ADT模拟器中的一个问题,我可以相信Chrome devTools中的结果,所以我可以用它进行测试吗?

0 个答案:

没有答案