jQuery Mobie webapp中控制CSS的问题

我缺乏设计移动HTML5网络应用程序的经验。 在我的浏览器上看起来一切正常，但由于我无法以某种方式模拟不同设备的真实行为，因此在我实际在手机上测试之前，我无法真正了解每个设备的真实行为。 这真的打乱了我正确控制CSS的方式，我觉得我浪费了很多时间

有没有一种在浏览器上模拟某些设备的好方法？注意：我试过金丝雀，但效果不好

我现在要做的是创建两个简单的DIV，每个都是屏幕高度的50%，每个都包含一个背景图像。无论我在做什么，背景总是一团糟

有人能为这些问题提供解决方案/解释吗？

看看Keynote制作的移动仿真器。您可以下载他们的免费版本，并使用它来模拟各种移动设备和平台，并经常使用新设备进行更新。您甚至可以从每个平台选择要测试的设备

---

虽然Chrome、FireFox、IE 11和其他浏览器确实支持测试可用于模拟的响应性布局和设置，但我发现MITE是在模拟移动设备上测试站点的优秀工具，根据我的经验，与现代浏览器提供的仿真支持相比，MITE是一种更有效的工具。我公司的QA团队每天都使用这个工具

如果您使用Firefox，有一个devoper工具插件，允许您查看响应性布局。