🧨🧨🧨
大家好，我是搞前端的半夏 🧑，一个热爱写文的前端工程师 💻.
如果喜欢我的文章，可以关注 ➕ 点赞 👍 一起学习交流前端，成为更优秀的工程师～ 更多故事—点我探索新世界！🧨🧨🧨
精通CSS-点击快速学习
前言
在做响应式网站的时候，我们经常需要考虑的是文字的大小，图片的宽高，盒子的大小等等！对于我个人来说，我是经常使用rem，rem，vh,vw等等响应式单位的。而对于文字的大小，我使用最多的是rem和vw。rem是相对于根元素的大小，vw是相对于视口宽度的大小。
文字响应式
考虑下面的场景：
网站中存在标题，在不同的设备下需要显示不同的大小。
之前我的方法是这样的：
方案1-rem
第一反应我是使用rem.
h1{
font-size:2rem;
}
这样写法的带来的问题是，由于rem是相对于根元素的，所以无论你的视口怎么变化，字体大小
本文转载自: https://blog.csdn.net/shangyanaf/article/details/128893049
版权归原作者 搞前端的半夏 所有， 如有侵权，请联系我们删除。
版权归原作者 搞前端的半夏 所有， 如有侵权，请联系我们删除。