文件名称:flexible:移动端自适应
文件大小:5KB
文件格式:ZIP
更新时间:2024-05-28 17:19:50
JavaScript
移动端适配方案 概念 单位英寸像素数(Pixel Per Inch,PPI) 现实世界的一英寸内像素数,决定了屏幕的显示质量 dpr dpr 是 devicePixelRatio 的简写,也就是屏幕分辩比(设备像素比率) 分辨率(Resolution) 屏幕区域的宽高所占像素数 完美视口 <meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"/> scale scale 是屏幕拉伸比。也就是视口上的 initial-scale , maximum-sacle 等属性。 基准 以前是 iPhone 4 的 320*480, 现在更多的是 iPhone 6 的 375*667。 三种适配方案(推荐方案 2 ) 固定宽度 固定宽度, js 动态修改
【文件预览】:
flexible-master
----README.md(1KB)
----scale()
--------scale.js(1KB)
----flexible()
--------flexible.js(3KB)
--------dpr-px.scss(474B)
--------demo()