H5手机端开发制作之新单位rem说明文档.pptxVIP

  • 10
  • 0
  • 约1.89千字
  • 约 13页
  • 2016-11-23 发布于河南
  • 举报

H5手机端开发制作之新单位rem说明文档.pptx

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.18 meta name=viewport content=width=device-width, user-scalable=no, initial-scale=1.18 / 同理到了iPhone6 Plus对应的应该是 initial-scale=414/320 =1.30 meta name=viewport content=width=device-width, user-scalable=no, initial-scale=3.0 / 早期【天猫】移动端也是用用这样的方法实现的。能满足我们的需求。 缺点是:这样做会使得,因为initial-scale越来越大,相当于拉伸网页,而使得在大屏幕的移动端设备下

文档评论(0)

1亿VIP精品文档

相关文档