rem + media 的css适配代码

公式 :fontSize = 屏幕宽度 * 100 /  设计图宽度 ,设置为100是方便计算;

转换成 rem 除以 100 即可得到,

这里的设计图宽度是640px ,当屏幕宽度等于640px时 font-size = 100px,1rem = 100px ,拿到上面的公式当屏幕等于320px时,计算出来的 fontsize 是50px,1rem = 50px;

推荐看下面这篇文章:

https://mp.weixin.qq.com/s?__biz=MzAwNDcyNjI3OA==&mid=2650840260&idx=1&sn=d737ff54a094f22fb4074968e2c462c9&chksm=80d3b7adb7a43ebb60c7227de906f3cc007fe217e926a5d77dfd31eeb3d98952df94ade576d6&mpshare=1&scene=23&srcid=0918PX9uXhJ95TQklRI8Zly0#rd

猜你喜欢

转载自blog.csdn.net/LeeNingfeng/article/details/82459324