如何在safari、chrome或firefox等桌面浏览器上测试iPhone的条件CSS？

具体来说，“最大设备宽度：”条件

如果你在Mac电脑上，你可以使用XCode附带的iPhone模拟器。我还使用了一个名为“Modify Headers”（修改标题）的Firefox插件，我发送iPhone标题，但是，这可能对最大设备宽度没有多大帮助。

对于mac或PC，如果您可以将文件上载到任何临时服务器，您可以在TestPhone中在线检查结果：

这是一个基于web浏览器的模拟器，用于快速测试iPhone 网络应用程序。到目前为止，该工具已经过测试，并使用 Internet Explorer 7、FireFox 2和Safari 3

---

firefox plugin Developer工具栏允许您只需单击一下设备大小即可更改浏览器大小。我打赌其他浏览器也有类似的插件。如果你不能在所有浏览器上都找到它，那么我建议你将代码上传到服务器上，然后用iPhone上网。

如果你正在构建供公众使用的东西，最好使用它的实际设备/软件进行测试。我知道你要的是一个用于浏览器的设备/软件，但如果你使用的是Windows电脑，我发现它非常好。它也是一个相当轻量级的应用程序。也许不是。它必须错误地识别自己，因为它不会触发web应用的移动版本，也不会得到桌面版本的服务。