文件名称:
响应页面：让您的页面轻松适应各种移动设备和PC端浏览器-源码
开发工具:
文件大小: 7kb
下载次数: 0
上传时间: 2021-02-03
详细说明：响应页面
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
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台，提供交流渠道，下载内容来自于网络，除下载问题外，其它问题请自行百度。
- 本站已设置防盗链，请勿用迅雷、QQ旋风等多线程下载软件下载资源，下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载，请稍后再次尝试；或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎，请到消费记录里找到下载记录反馈给我们，经确认后退回积分.
- 如下载前有疑问，可以通过点击"提供者"的名字，查看对方的联系方式，联系对方咨询.
