文件名称:responsible:Respond.js - 为访问者提供他们想要的移动体验
文件大小:658KB
文件格式:ZIP
更新时间:2024-07-04 13:48:52
JavaScript
责任人.js 为移动访问者提供查看桌面版或移动版布局的选项。 没有页面重新加载,没有麻烦,只有良好的用户体验。 现场演示 - 使用 devtools 模拟移动浏览器或在手机上查看 改善移动网络上的用户体验 先决条件 为了使用该库,您需要将响应式 CSS 分离到一个单独的文件中。 这意味着任何针对移动设备(或平板电脑)的媒体查询都应移动到新的 css 文件中。 见为的一例old-combined-styles.css分成styles.css和responsive.css 。 默认情况下,该脚本会查找名为 respond.css 的文件,但您使用 cssPath 参数设置了正确的路径。 流程 默认情况下,您网站的所有 CSS 都会正常加载(包括您的 response.css)。 如果视口宽度低于阈值(默认为 980),“查看完整站点”切换将出现并允许访问者选择他们的移动体验。 手动
【文件预览】:
responsible-master
----src()
--------responsible.js(11KB)
----demo()
--------index.html(4KB)
--------img()
--------js()
--------css()
----gulpfile.js(2KB)
----LICENSE(1KB)
----test()
--------spec()
--------karma.conf.js(401B)
----README.md(4KB)
----dist()
--------responsible.min.js(5KB)
--------responsible.js(11KB)
----.gitignore(14B)
----package.json(908B)