我需要动态设置<span>
元素相对于 div 10% 高度的字体大小。
HTML:
<div>
<span>Example text</span>
</div>
CSS:
div {
height: 20vh;
width: 100vh;
background-color: #f0f0f0;
position: relative;
}
我尝试使用 vh、vmin、rem、em、% 单位,但没有成功。有没有办法用纯 CSS 来实现这一点?不依赖JavaScript?
使用容器查询/单元