我正在尝试CSS和响应式设计 . 我学习如何使网站具有响应性的方法是将根字体大小设置为原始含义的62.5%,即1rem将= 10px . 然后,通过媒体查询,我将根据屏幕分辨率减小(或增加)根字体大小,并且在rems中设置的其余设计将相应地缩放 . 大 .

但是如何适应fluid responsive typography的概念呢?简而言之,我们的想法是,不是设置离散数量的媒体查询,而是为每个设置不同的根字体大小(百分比),我们使用calc()函数和视口单位来连续设置字体大小 - 以像素为单位 .

人们仍然可以使用媒体查询,但只调整曲线,因为CSS calc()仅支持线性函数 . 现在,我想知道:这对于 生产环境 来说是个好主意还是我应该保持这个“酷”实验?兼容性怎么样?

谢谢 .