技术分享
🎏CSS容器查询
00 分钟
2022-9-22
2023-9-26
type
status
date
slug
summary
tags
category
icon
Property
Sep 26, 2023 06:03 AM
容器查询@container类似于媒体查询@media,区别在于查询所依据的对象不同。媒体查询依据的是浏览器的视窗大小,容器查询依据的是元素的父元素或者祖先元素的大小。
有关容器查询的属性一共有三个,分别是container-typecontainer-namecontainer
container-type:标识一个作为被查询的容器,取值范围为sizeinline-sizeblock-sizestylestate
container-name:被查询的容器的名字
containercontainer-typecontainer-name的简写
notion image

评论