在head部分加入禁止浏览器以及用户缩放的代码。
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no”/>…</head>
写入css样式
/*iphone6 plus字体缩放比*/
html{ font-size: 62.5%; }
/*iphone6字体缩放比*/
@media screen and (max-width: 375px) { html{ font-size: 58.87%; } }
/*iphone4/5字体缩放比*/
@media screen and (max-width: 320px) { html{ font-size: 48.625%; } }
设计图缩成宽度414px(iphone6plus的大小)量得的字号(单位px)再除以10.得到值即单位为rem的值。