与不同单位

少钙乘以是否有可能做这样的事情：与不同单位

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

我不想假设1个雷姆= 16像素;

我打算只是基于窗口尺寸和rem自动调整字体大小，而无需使用多个媒体查询。

例如，假设对于1100px的宽度分辨率，我希望我的字体大小为1.5rem，400px为1rem，中间的大小与此规则的比例大小无关。我想这样做：

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

我试过不同的方法，但无法完成它。

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

来源

2017-04-20 Leones24

这是不是很清楚你在这里问什么。你可以使用'vw'自动调整''body'的'font-size'的大小。这将建立你的'rem'。 – Rounin

https://css-tricks.com/viewport-sized-typography/另外http://maloweb.com/snippets/responsivestuff.html –

我修改了一点我的问题，试图使其更清楚。我不想更改客户端的rem，我想将它与视口宽度结合使用以获取我的字体大小。也许这没有意义... – Leones24

如果你没有很好的理由来计算字体大小，我会建议纯粹基于rem单位进行调整。请注意，当您将手机从纵向翻转到横向模式时，视口宽度可能会发生变化。

来源

2017-04-20 13:25:59 kalsowerus

也许你的权利。但我试图达到的目的不是担心媒体对一切事物的查询。用我在我的例子中编写的公式可以控制字体大小，实际上这种变化可能会像你想要的那么大。但只要一行，我就不用担心字体大小（至少在某些情况下）。我认为这个问题是单位，但最终都是像素。问题是如果让它们把它们转化为同一个单位，让我们使用这个“混合”单位。 – Leones24

可能不会，因为vw-unit在编译时不知道。 – kalsowerus

是的，你说得对。浏览器应该用CSS文件来做。我们可以在Less中避开公式。在我问之前，我已经尝试过，但也没有工作。 – Leones24

回答

相关问题