cssrem 比例适配理解

cssrem只是帮你自动计算,省去了你在切图时,从设计稿拿到的px再根据比例转换成rem的中间过程。

  1. 这个40我无法猜测, 以前设计稿给的都是按640px(iphone5s的宽)来的,我们就按照这个比例640px切分成20等分的话,一份就是640/20 = 32px, 也就是1 rem = 32px; (这里把40换成32),另外这个32px就是要你在html里设置的font-size大小了。
  2. 按第一点所说,如果你的比例就用40,那明显你就要在html的font-size里设置40px了

假如你要设置font-size = 20px 那就是你要把比例改成20啦,表示 1rem = 20px

如果你设置的比例是1rem = 10px

设计图上的放大2倍,应设置比例是20

原文地址:https://www.cnblogs.com/y896926473/p/7447993.html