RWD-Viewer:在开发响应式网页时同时在多个媒体查询中查看同一页面-源码

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

文件下载

资源详情

[{"title":"( 8 个子文件 93KB ) RWD-Viewer:在开发响应式网页时同时在多个媒体查询中查看同一页面-源码","children":[{"title":"RWD-Viewer-master","children":[{"title":"css","children":[{"title":"style.css.map <span style='color:#111;'> 439B </span>","children":null,"spread":false},{"title":"style.css <span style='color:#111;'> 401B </span>","children":null,"spread":false}],"spread":true},{"title":"index.html <span style='color:#111;'> 461B </span>","children":null,"spread":false},{"title":"js","children":[{"title":"script.js <span style='color:#111;'> 637B </span>","children":null,"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 480B </span>","children":null,"spread":false},{"title":"scss","children":[{"title":"style.scss <span style='color:#111;'> 390B </span>","children":null,"spread":false}],"spread":true},{"title":"readme","children":[{"title":"screenshot.jpg <span style='color:#111;'> 111.89KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 967B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明