一尘不染

媒体查询可以基于div元素而不是屏幕来调整大小吗?

css

我想使用媒体查询根据div其所在元素的大小来调整元素的大小。我不能使用屏幕大小,因为div只是像网页中的小部件一样使用,它的大小可以变化。


阅读 386

收藏
2020-05-16

共1个答案

一尘不染

不,媒体查询并非旨在基于页面中的元素来工作。它们被设计为基于设备或媒体类型工作(因此,它们被称为
_媒体_查询)。widthheight和其他基于尺寸的媒体功能均指的是基于屏幕的媒体中视口或设备屏幕的尺寸。它们不能用于引用页面上的某个元素。

如果您需要根据页面上某个div元素的大小来应用样式,则必须使用JavaScript来观察该div元素的大小变化,而不是使用媒体查询。

2020-05-16