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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在Materialise中使字体大小响应相关的知识,希望对你有一定的参考价值。

在物化中我的字体大小有问题。如果我的客户端设备变得更小,文本大小没有响应,它们是如此之小。一个解决方案是为每个客户端devies使用@media查询。这不是我的解决方案,因为实现本身有媒体查询,我不想再重写它们。有没有办法让文本在实现中有所回应?谢谢

答案

也许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>

以上是关于如何在Materialise中使字体大小响应的主要内容,如果未能解决你的问题,请参考以下文章

如何让这个 Materialise 表在移动设备上响应更快

无论图像大小如何,如何在 HTML 电子邮件中使图像响应

在wordpress中使图像响应?

如何在 iPhone 6 中使 iFrame 响应?

如何在 bootstrap 3 导航栏中使 select2 v4 搜索框响应?

如何在轮播中使横向和纵向图像完全响应且高度相同?