媒体查询可以根据div元素而不是屏幕来调整大小吗？

Question

媒体查询可以根据div元素而不是屏幕来调整大小吗？我想使用媒体查询根据div元素在其中。我不能将屏幕大小用作div只是像网页中的小部件一样使用，其大小可能会有所不同。更新看来现在正在做这方面的工作：https：/github.com/ResponsiveImagesCG/cq-demos

Answer 1

不，媒体查询不是根据页面中的元素设计的。它们被设计为基于设备或媒体类型(因此他们被称为媒体(查询)。width, height和其他基于维度的媒体功能都是指基于屏幕的媒体中的视口或设备屏幕的尺寸。它们不能用于引用页面上的某个元素。

如果需要应用样式，则取决于div元素，您必须使用JavaScript来观察该元素大小的变化。div元素，而不是媒体查询。

Answer 2

不，媒体查询不是根据页面中的元素设计的。它们被设计为基于设备或媒体类型(因此他们被称为媒体(查询)。width, height和其他基于维度的媒体功能都是指基于屏幕的媒体中的视口或设备屏幕的尺寸。它们不能用于引用页面上的某个元素。

如果需要应用样式，则取决于div元素，您必须使用JavaScript来观察该元素大小的变化。div元素，而不是媒体查询。

Answer 3

iframe内部的Media查询可以用作元素查询。我已经成功地实现了这一点。这个想法来自最近一篇关于响应性广告是ZURB写的。没有Javascript！