2014-12-03 28 views
0

我有一个网站需要扩展。在这种情况下,我们从960开始扩展到看起来特定的方式,但不是平滑缩小,我们认为不管设备大小如何,低于960的任何值都必须是480。所以在标题标签我可以使用什么程序来测试CSS媒体查询?

我放在:

<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。但我很好奇,如果我根据我的设置做这件事。

+0

火狐Web开发插件会告诉你,就在网站标题的屏幕分辨率。你在找那种东西吗? – dmikester1 2014-12-03 20:13:40

+0

它很容易测试。在Chrome中右键单击页面上的任意位置,然后在下拉菜单中选择“Imspect元素”。然后你会在页面窗口下面看到调试框架。在框架的左上角点击电话图标。 – Banzay 2014-12-03 20:33:14

回答

2

桌面浏览器不会帮你。 Google在移动设备上进行网站测试http://browserstack.com。他们给出一个试用版。

1

有什么东西在那些大括号之间,右)

我有极好的运气测试中铬的设备,观众媒体查询(见图像 - 看起来像在手机的事情剩下)。

Chrome's Device-viewer

相关问题