用不同的单位乘以较少的计算

时间:2017-04-20 11:45:40

标签: css css3

是否可以执行以下操作:

font-size: calc(100vw * 0.005rem);  

我不想假设1 rem = 16 px;

我打算根据窗口尺寸和rem自动调整字体大小,而无需使用多个媒体查询。

例如,假设对于宽度分辨率为1100px,我希望我的字体大小为1.5rem,而400px为1rem,中间将与此规则的比例大小相符。我想这样做:

font-size: calc(((100vw - 400px)) * 0.000714rem) + 1rem);

我尝试了不同的方法,但无法完成。

我想它一定很简单,或者说它不可能。

1 个答案:

答案 0 :(得分:0)

如果你没有充分的理由计算字体大小,我建议纯粹基于rem单位来计算它。请注意,当您将移动设备从纵向模式切换到横向模式时,视口宽度会发生变化。