- 10
- 0
- 约1.89千字
- 约 13页
- 2016-11-23 发布于河南
- 举报
H5手机端开发制作之新单位rem说明文档;1.为什么放弃使用百分比转而使用css3的rem新单位?;以前的做法
在rem概念没引入前我们的做法是,以最小的屏幕(iPhone)做一版数据出来,然后通过js去控制viewport 的 initial-scale (网页缩放比例)。如:iPhone4下:meta name=viewport content=width=device-width, user-scalable=no, initial-scale=1.0 /
那么对应的到了iPhone6需要调整缩放比例 initial-scale=375/320 =1.18meta name=viewport content=width=device-width, user-scalable=no, initial-scale=1.18 /
同理到了iPhone6 Plus对应的应该是 initial-scale=414/320 =1.30meta name=viewport content=width=device-width, user-scalable=no, initial-scale=3.0 /
早期【天猫】移动端也是用用这样的方法实现的。能满足我们的需求。缺点是:这样做会使得,因为initial-scale越来越大,相当于拉伸网页,而使得在大屏幕的移动端设备下
您可能关注的文档
- 3课地中海地区的早期文明.ppt
- 14 地球上的红飘带.ppt
- 2016贵州大方县事业单位招聘310人公告.doc
- B51106综采采空区注氮.doc
- 纯水氮封系统氮气计算.doc
- 单位符号大全.doc
- 氮气与其他气体制造.doc
- 到 期 归 还.ppt
- 地理第一章第一节地球和地球仪.ppt
- 地球日幻灯片.ppt
- 清明节高中下学期主题班会课件.pptx
- 统编版语文一年级下册课件《语文园地三》.pptx
- 统编版语文一年级下册课件《语文园地六》.pptx
- 一例ECMO术患者的个案护理.pptx
- 2.12 辽宋夏金元时期经济的繁荣 课件 2025-2026学年统编版七年级历史下学期.pptx
- 一例重症肺炎患者改善肺功能的循证个案护理.pptx
- 青春不“翻车”:电动车安全小贴士 高中下学期主题班会.pptx
- 主动脉夹层破裂的急救护理.pptx
- Unit 3 My school calendar Part A let's spell 课件(内嵌音视频)2025-2026学年人教PEP版英语五年级下册.pptx
- 乳糜尿的微生物学分析.pptx
原创力文档

文档评论(0)