gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 10:10:30 24 4
gpt4 key购买 nike

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

最佳答案

也许 font-size:5vw 其中 5 表示视口(viewport)的 5%。或者每一个单位的vw是视口(viewport)宽度的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>

关于css - 如何在 Materialise 中使字体大小响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49036519/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com