pc端自适应

原链接  

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.差不多结束了。。。