<style type="text/css">
/*这里必须设回16px*/
body{
font-size: 16px;
}
</style>
<script type="text/javascript">
function resizeFontsize(){
var width = document.documentElement.clientWidth;
document.documentElement.style.fontSize = width/7.5+'px';
//width/(效果图片宽度/文本字体大小(100))
}
resizeFontsize();
// 改变横屏竖屏执行效果更换
window.addEventListener('orientationchange',resizeFontsize);
// 改变手机大小执行效果更换
window.addEventListener('resize',resizeFontsize);
</script>
这样就可以rem跟px 1比100了
如果不行就用下面这个
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<script type="text/javascript">
document.documentElement.style.fontSize=document.documentElement.clientWidth/100*26.67+"px";
</script>