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

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

问题描述:

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

img

img

你得先明白 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出现小数都不可避免