前端如何利用js与rem实现响应式布局

1、新建html文件命名project1，新建js文件命名common。

2、获取不同设备的尺寸大小，计算出相应的font-s坡纠课柩ize,首先我们自己定一个基准，电脑最大像素为基本上宽都是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