我有一个网站需要扩展。在这种情况下,我们从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。但我很好奇,如果我根据我的设置做这件事。
火狐Web开发插件会告诉你,就在网站标题的屏幕分辨率。你在找那种东西吗? – dmikester1 2014-12-03 20:13:40
它很容易测试。在Chrome中右键单击页面上的任意位置,然后在下拉菜单中选择“Imspect元素”。然后你会在页面窗口下面看到调试框架。在框架的左上角点击电话图标。 – Banzay 2014-12-03 20:33:14