SunoAries / blog

0 stars 0 forks source link

px to rem #10

Open SunoAries opened 7 years ago

SunoAries commented 7 years ago

rem 根元素html font-size大小的倍数 所以,不同分辨率的情况下,改变html的font-size就可以适配,合理的缩放。 font-size怎么计算呢。 先找个基准宽度w1,设定其font-size大小为x1。 屏幕宽度w2,font-size x2=x1*w2/w1

宽度 320 384 480 640
屏幕对比比例 0.5 0.6 0.75 1
Html font-size 10px 12px 15px 20px
元素宽度(px) 100px 120px 150px 200px
元素宽度(rem) 10rem 10rem 10rem 10rem