rem等比例缩放份数有什么意义

Question

有没有大哥讲一下这个份数有什么意义呢 又没有这个份数不都是等比例缩放吗 加上份数还会导致出现小数的rem值 为什么不能用整数的rem值慢慢调试呢？有点想不明白 p2是苏宁的写法 媒体查询的宽度/html字体大小 也是固定的15 不知道为啥要规定15这个数字

Answer 1

你得先明白 rem 的用法，他是在 html 标签上设置一个值，其他引用 rem 设置的地方，是根据这个值进行计算的

例如，你的设计稿是 750px 宽度，但设备只有 320px ，用 px 作为单位，那肯定超出设备显示范围了

那么，对于 750px 设计稿，宽度分为15份，每份宽度就是 50px，即 1rem = 50px，这个时候设计稿单位都换成 rem

然后，换成 320px 的设备，在页面加载时从新计算了 rem 比例，即 1rem = 21.33px，这样就会按照新的这个像素比例进行显示了，而无需再进行其他额外的设置

至于 rem 到底怎么搞，按什么为基准进行设置，那就看接手的代码，公司约定和个人习惯了

你可以按字体设置 rem，比如浏览器默认的就是 1rem=16px，你也可以按照你的布局来等分屏幕，比如1屏宽为15个单位或20个单位，但不管按照什么为基准，rem出现小数都不可避免