响应页面:让您的页面轻松适应各种移动设备和PC端浏览器

时间:2024-02-23 19:49:29
【文件属性】:

文件名称:响应页面:让您的页面轻松适应各种移动设备和PC端浏览器

文件大小:7KB

文件格式:ZIP

更新时间:2024-02-23 19:49:29

mobile MobileJavaScript

响应页面 Sun v1.0.0 2015-7-16 让您的页面轻松适应各种移动设备和桌面端(PC)浏览器,仅1.46 KB!无任何其他依赖。 非常适合专题着陆页(着陆页) 页面内容一般为几张图片拼接而成 需同时适应移动端和桌面端 需适应宽度 (绝对)定位元素仅需使用px单位即可适应 仅需遵循640px(可配置)宽的设计稿来切图 即使内容很长,换行也需要正确 基础原理 计算出页内容与页面宽度的比率,通过转换:缩放缩放页面内容来达到适合任何屏幕(占满屏幕宽度)的目的。 兼容性 特性:querySelectorAll,CSS3转换,matchMedia PC端:IE9 +,其他现代浏览器(chrome,firefox等) 移动端:iOS4 +,Android 2.3+ 示例 页面中包含多个需要适配的模块 页面仅包含一个需要适配的模块和绝对定位的可点击区域,并打开center模式来适应PC端 页面宽度超过切图宽度后,不再替换页面宽度,甚至居中显示在页面中 使用手册 最好的使用手册就是示例, ,执行JS,坐等适应结果 API文档 responsivePage ( { selector


【文件预览】:
responsive-page-master
----responsive-page.js(6KB)
----CHANGLOG.md(39B)
----LICENSE(1KB)
----README.md(4KB)
----responsive-page.min.js(1KB)

网友评论