在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):ufologist/responsive-page开源软件地址(OpenSource Url):https://github.com/ufologist/responsive-page开源编程语言(OpenSource Language):JavaScript 100.0%开源软件介绍(OpenSource Introduction):responsive-pagev1.0.0 2015-7-16 by Sun 让你的页面轻松适配各种移动设备和桌面端(PC)浏览器, 1.46 KB only! 无任何其他依赖.
基础原理计算出页面内容与页面宽度的比率, 通过 transform: scale 缩放页面内容来达到适配任何屏幕(占满屏幕宽度)的目的. 兼容性特性: querySelectorAll, CSS3 transform, matchMedia
示例页面宽度超过切图宽度后, 不再适配页面宽度, 而是居中显示在页面中 使用手册最好的使用手册就是示例, 下载/引入JS, 执行JS, 坐等适配结果 API文档responsivePage({
selector: '.mod-responsive', // string 内容区域的父级元素, 接受任何合法的CSS选择器
sliceWidth: 640, // number 切图宽度(单位是px), 即设计稿宽度
center: true // boolean 页面宽度超过切图宽度后, 是否不再适配宽度居中显示在页面中
}); 感谢他们给我的灵感
如果有任何bug或者问题, 请发个 issue 给项目, 非常感谢. 其他适配方案
版本更新历史Licence |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论