如何在Rem中使用流体排版

问题描述

我在将流体排版与rem结合使用时遇到问题。问题是视口宽度(vw)始终以像素为单位报告,我不知道如何转换。因此,给出以下公式:

font-size: calc([minimum font size] + ([maximum font size] - [minimum font size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));

+号的左部分在rem中,右部分在px中(因为100vw提供了像素值运行时),在浏览器中这会导致怪异。假设最小字体为1rem,计算的左侧为0.5。然后浏览器最终显示那是16.5px的字体。给定1 rem会转换为16px,因为这是根字体大小,但是右侧的0.5不会转换为8px,将其视为像素值,而只是添加到左侧的16px。 我当然可以在右边乘以16,但这违背了rem的全部目的,即用户可以设置自己的根字体大小(这对于可见性降低的人很有用)。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)