Css 与不同单位的较少计算相乘

Css 与不同单位的较少计算相乘,css,Css,是否可以执行以下操作: font-size: calc(100vw * 0.005rem); 我不想假设1rem=16px 我的目的只是根据窗口尺寸和rem自动调整字体大小,而无需使用多种媒体查询 例如,对于1100px的宽度分辨率,我希望我的字体大小为1.5雷姆,而400 px为1Rem,并且中间的比例与这个规则成比例。我想: font-size: calc(((100vw - 400px)) * 0.000714rem) + 1rem); 我尝试过不同的方法,但都做不到 我想它一定很

是否可以执行以下操作:

font-size: calc(100vw * 0.005rem);  
我不想假设1rem=16px

我的目的只是根据窗口尺寸和rem自动调整字体大小,而无需使用多种媒体查询

例如,对于1100px的宽度分辨率,我希望我的字体大小为1.5雷姆,而400 px为1Rem,并且中间的比例与这个规则成比例。我想:

font-size: calc(((100vw - 400px)) * 0.000714rem) + 1rem);
我尝试过不同的方法,但都做不到


我想它一定很简单,否则就不可能了。

如果你没有很好的理由来计算字体大小,我建议完全根据rem单位来计算。请注意,当您将手机从纵向模式切换到横向模式时,视口宽度可能会发生变化。

现在还不清楚您在问什么。您可以使用
vw
自动调整
正文的
字体大小
。这将建立您的
rem
。另外,我对我的问题做了一些修改,试图让它更清楚。我不想更改客户端的rem,我想将其与视口宽度结合使用以获得字体大小。也许这没有意义…也许你是对的。但我想做到的是,不要担心媒体对一切的查询。根据我在示例中编写的公式,您可以控制字体大小,实际上更改可能会达到您想要的大小。但只要有一行字,我就不必再担心字体大小了(至少在某些情况下)。我认为问题在于单位,但最终都是像素。问题是,如果更少,那么让我们先使用这个“混合”单元,然后再将它们转换为相同的单元。可能不会,因为大众的单元在编译时是未知的。是的,你说得对。浏览器应该使用CSS文件来完成。我们可以用更少的时间逃避这个公式。在我要求之前,我已经试过了,但也不起作用。因为我发现它似乎无法实现。MDN保持:
乘法。至少一个参数必须是数字
。我可能猜得太多了,但我认为这意味着只有一个参数可以有单位,其余的必须是数字。如果只有两个因素,其中一个必须是“数字”。