1、设置视窗,如下两种都行
<!-- <meta name="viewport" content="width=device-width,user-scalable=no initial-scale=1, shrink-to-fit=no"> --><meta name="viewport"content="width=device-width,user-scalable=no,viewport-fit=contain,initial-scale=1,maximum-scale=1,minimum-scale=1">
2、引入flexible.js
<script src="/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
3、css相关尺寸等转成rem,布局采用flex。
依照iphone 6为例,flexible会直接把html的font-size:37.5px;设置为37.5px。
如果一个图片本来的宽度为300px * 100px 则,现在转成rem则设置为 (300除以37.5)rem *(100除以37.5)rem
段落字体p中建议还是用px;