1.设置 Viewport:
<meta name="viewport" content="width=device-width,initial-scale=1.0">
2.屏幕大小改变,根字体大小改变的js,我这边设计宽度是1349px:
<script>
var designWidth = 1349,
ratio = 100;
document.documentElement.style.fontSize = ((window.innerWidth / designWidth) * ratio) + 'px';
window.onresize = function() {
document.documentElement.style.fontSize = ((window.innerWidth / designWidth) * ratio) + 'px';
}
</script>
3.设置根字体大小:
html{
font-size: 100px;
}
4.width尽量用百分比,高度用rem,其他一些margin,padding,border的看着用rem还是百分比