如何在 Materialise 中使字体大小响应

tah*_*ha- 3 css fonts materialize media-queries responsive

我在实现中的字体大小有问题。如果我的客户端设备变小,文本大小没有响应,而且它们太小了。一种解决方案是对每个客户端设备使用@media 查询。这不是我的解决方案,因为实现本身具有媒体查询,我不想再次重写它们。有什么方法可以使文本在具体化中具有响应性?谢谢

Joh*_*tti 6

也许font-size:5vw 5 是视口的 5%。或者 vw 的每个单位是视口宽度的 1%

<!DOCTYPE html>
<html>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <body>
        <div style="font-size:5vw;text-align:center;">This is Some Responsive Text</div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)