通过js动态设置根元素的rem方案
手淘的方案:
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no,email=no" name="format-detection">
<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
<!-- 设计稿依旧为750px,此div在视觉稿中width:750px ;height:200px;
在此方案中 1rem == 75px 也就是说视觉稿中的px值除以75即可得到rem的值。
-->
<div style="width:10rem;height:2rem;background:#f00;color:#fff;text-align:center;">
test
</div>
修改位置,改为自己的设计稿尺寸。