css新特性 - web秀

#css新特性#

共找到 css新特性相关内容 2 条

2年前

CSS容器查询终于来了

CSS容器查询终于来了

CSS容器查询终于来了!它们目前在谷歌浏览器（105）中得到了支持，很快就会在Safari16中得到支持。这对前端来说容器查询与媒体查询一样重要。在这节课中，我们介绍一下容器查询是如何工作的，如何使用它们，以及语法是什么样子的，并分享一些现实生活中的例子和用例。简介在设计一个组件时，我们需要适配不同的变化，并根据CSS类或视口大小来改变它们。这对于我们开发来说不是很理想，会迫使我们根据变化类或视口尺寸来写CSS。考虑下面例子：我们有一个卡片组件，当视口足够大时，它应该切换到水平样式。乍一看，这可能听起来不

545273 3315 0

2年前

别整一坨 CSS 代码了，试试这几个实用函数

别整一坨 CSS 代码了，试试这几个实用函数

CSS比较函数从2020年4月就开始支持了，我喜欢使用这些函数，但最喜欢的是clamp()，它也是我最常用的一个。在这节课中，我们详细来看下这些比较函数。Clamp(),Max(),和Min()函数clamp()函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最

544520 3245 0

下拉加载更多