千家信息网

css如何运用root类型

发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,小编给大家分享一下css如何运用root类型,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!灵活运用root类型响应布局中的
千家信息网最后更新 2024年09月22日css如何运用root类型

小编给大家分享一下css如何运用root类型,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

灵活运用root类型

响应布局中的字体大小应该能够自动调整到视区,从而保存编写媒体查询的工作,以处理字体大小。可以使用:not和视区单位,根据视区高度和宽度计算字体大小:

:root {         font-size: calc(1vw + 1vh + .5vmin);   }

现在,您可以使用根em单位,该单位基于:not:

body {         font: 1rem/1.6 sans-serif;   }

结合上面的rem/em技巧以获得更好的控制。

以上是"css如何运用root类型"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

0