1、新建html文件命名project1,新建js文件命名common。
2、获取不同设备的尺寸大小,计算出相应的font-size,首先我们自己定一个基准,电脑最大像素为基本上宽都是1920,所以这里定义基准宽度maxSize=1920,基准大小baseFontSize=100,(这个可以自己定义,为了方便计算这里写100)。如果在电脑像素为960,那font-size便是50,所以相应公式便是:所求fontSize=设备宽度(deviceW)/maxSize*baseFontSize。得出fontSize值,后设置跟元素的font-size大小
3、这时候我们已经把js计算部分完成,接下来,便是引入到相应html文件中。这里要注意一点,我们是以1920为基准的,假设我们的设计稿是960的宽度的(这个宽度可以打开ps查看)那么应该按1:2,也就是如果在设计稿中一个宽度为100px的那么应该设置为2rem