1. 首页
  2. css

CSS又是那种流体类型的东西

最近有几篇关于流体类型的文章。

Matt Smith(称之为\”灵活类型\”):

对于更灵活的类型,我的首选方法是使用:root选择器根据视口高度和宽度计算字体大小:

Richard Rutter(称之为\”响应显示文本\”):

您可以一下子设置显示标题要与屏幕或浏览器宽度成比例,而不是在一系列媒体查询中从一个比例中进行选择。

这两者都是关于利用视口单位来调整大小类型,而不是在断点处从大小跳到大小,不过,我强烈建议你去看看迈克·里斯穆勒的流体类型,它几乎同样简单,但允许设置最小和最大尺寸,这对我来说是一个不错的选择。

我最近在CodePen博客上转向了流体类型,我喜欢它。注意,我们还偷了迈克的流体模数秤。在大屏幕上,h1-h6之间的尺寸差异更为显著,而在缩小的小屏幕上,则都是流畅的。

\”流体类型\”i̶n̶s̶p̶i̶r̶e̶d̶从@MikeRiethmuller偷来的现在生活在@CodePen博客上。包括\”流体模数秤!\”pic.twitter.com/0yJk8Iq8fRChris Coyier(@chriscoyier)2016年10月27日,

一个\”CSS锁\”是Tim Brown如何称呼这些最小值和最大值的,他证明了它对line-heightfont-size都是有用的。

值得一看我们最近的后简化流体印刷术,以获得实用的、固定的,基于视口的类型大小调整

CSS又是那种流体类型的东西 为WP2原创文章,链接:https://www.wp2.cn/css/css%e5%8f%88%e6%98%af%e9%82%a3%e7%a7%8d%e6%b5%81%e4%bd%93%e7%b1%bb%e5%9e%8b%e7%9a%84%e4%b8%9c%e8%a5%bf/

发表评论

您的电子邮箱地址不会被公开。