移动端自适应问题【rem】

Question

clientWidth = document.documentElement.clientWidth;
var nowPX = clientWidth / 320 * 100;
document.documentElement.style.fontSize = nowPX + 'px';

这个第二句是什么意思？320*100这个数值代表什么呢？

Answer 1

320是你屏幕的宽度，以后做移动端的时候，你所做的移动页面是多大，这里就得改成多大，要不然会容易出错，我们一般用750

Answer 2

320是你的设计稿的宽度，而100是为了你计算方便特意乘的。这样之后，假设在你的设计稿上某一个图片的宽度是100px，你在代码里就可以直接写1rem。