css - 我可以使用什么程序来测试 CSS 媒体查询？

Question

我有一个需要扩展的网站。在这种情况下，我们从 960 向上缩放以查看特定方式，但随后不是平滑缩小，我们说任何低于 960 的东西都必须是 480，无论设备大小如何。

所以在我放置的标题标签中:

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

然后在我使用的 css 中:

@media only screen and (min-width: 960px){}

和

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

我的问题是，如何测试它以查看它是否跳跃？我有带有 Window Resizer Extension 的 chrome。但我很好奇我是否在我的设置方面做对了。

Answer 1

桌面浏览器不会帮助你。谷歌用于移动设备上的网站测试，例如http://browserstack.com .他们提供试用版。