根据包含的 div 响应文本

Question

我通常使用 calc 和 vw 来创建响应式字体大小。例如， p {font-size: calc(13px + 0.33vw}}。这通常效果很好，但在某些情况下，特别是在我有可能缩小或扩大的响应列的情况下，最好定义相对于包含 div 的字体大小。我正在寻找类似的东西：p{font-size: 13px +2%} 当 2% 来自包含的 div 时。有什么建议？

Answer 1

您应该考虑使用内置的相对 CSS 单元，例如 em 或 rem，与 px 值不同的是，您的字体大小将相对于其父元素或根元素的大小。

你可以在这里查看它们https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#Ems