我正在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中的结果,所以我可以用它进行测试吗?