RWD 查看器
目的
在开发响应式网站时,我需要一种简单的方法来在多个媒体查询中查看同一页面。
我写了这个简单的查看器,默认情况下以三种预定义的宽度显示页面。 在影院显示器上效果最佳,我建议使用 LiveReload。
用法
在您选择的浏览器中打开您的页面以测试(本地或远程)指定为页面 URL 参数,例如
rwdviewer/index.html?page=http://elevatorup.com/
或者,您可以设置一个书签,通过单击书签,您可以通过 RWD 查看器对已在浏览器中打开的远程页面进行调整。 使用以下链接在浏览器中创建一个新书签(已编辑以反映您安装的 RWD 查看器):
[removed]location.href='http://yourdomain.com/rwdviewer/?page='+location.href;
例子
*也非常适合截取多个媒体查询的
2021-07-05 13:05:48
93KB
CSS
1