在jQuery Mobile Web应用程序中控制CSS的麻烦

Question

我缺乏移动HTML5 webapp样式的经验。 我的浏览器上的一切看起来都不错，但是因为我无法以某种方式模拟不同设备的真实行为，所以在我实际在手机上测试它之前，我无法真正了解每个设备的真实行为。 它真的搞砸了我正确控制CSS的方式，我觉得我浪费了很多时间。

1. 是否有一种在浏览器上模拟某些设备的好方法？注意：我尝试了金丝雀，但效果不佳。

2. 我现在要做的是创建两个简单的DIV，每个DIV都是屏幕高度的50％，每个都包含一个背景图像。无论我在做什么，背景总是搞砸了。

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

Answer 1

查看由Keynote制作的移动模拟器MITE。您可以下载他们的免费版本并将其用于模拟各种移动设备和平台，并且经常使用新设备进行更新。您甚至可以选择要测试的每个平台中的哪个设备。

虽然Chrome，FireFox，IE 11和其他浏览器确实支持测试可用于模拟的响应式布局和设置，但我发现MITE是用于在模拟移动设备上测试网站的出色工具，它是我的经验是，MITE是一种比现代浏览器附带的仿真支持更有效的工具。我公司的QA团队每天都使用这个工具。