rem介绍

rem（font size of the root element）是指相对于根元素的字体大小的单位

使用方法

/*浏览器中html font-size默认值为16px,*/
div{
  width: 3rem; /*48px*/
  height: 3rem; /*48px*/
}

因此只要计算html的font-size rem能等比例适配所有分辨率屏幕 (rem的俩种计算方式JS与CSS)

进入主题

• 计算尺寸参照的标准尺寸 750px
• rem布局换算1rem=100px，设计图上100px=1rem来表示

html {
    font-size: calc(100vw / 7.5);
}

步骤如下

预览下 噔噔~~

更加直观的GIF