原链接
https://waliblog.com/css/2018/03/19/compatible.html
配置
1.首先确定好设计稿的宽度(例如:1920px)
2.css样式设置
html:{ font-size:19.20}/*默认以设计稿为基准*///////////////////////(1920/100=19.20)
@media only screen and (max-width:1366px) { /*当屏幕分辨率变为1366时*/
html{
font-size:13.66px;
}
}
3.打开网址 http://pxtorem.com/ ,将设计稿上的宽高转化为rem
比如:300px,经过转化后,会变成 15.625rem ,记得设置好根元素的font-size的值 比如19.20
4.差不多结束了。。。