可以在弹出窗口中使用@media查询吗？

媒体查询（例如，@media（max-width：500px））会测量主浏览器窗口的大小。我想知道如果查询可以测量弹出窗口宽度，以便我可以在窗口大小调整时设置不同的布局。可以在弹出窗口中使用@media查询吗？

我目前正在使用Kendo窗口，如果有人知道与这个小部件有关的具体答案是非常感谢，但任何知识弹出窗口一般是满意的。

2016-09-20 oopsdazie

不，你不能。 '@ media'（主要）与视口的宽度有关。有了Kendo UI，我想你可以 - 在JS中 - 听取任何[事件]（http://demos.telerik.com/kendo-ui/window/events）出现在弹出窗口（“窗口”），然后测量它的宽度（我写_any_事件，因为有像双击标题的奇怪的最大化窗口...没有控制，但它仍然发生） – FelipeAls

*'@ media'可以涉及很多事情（[MDN]（ https://developer.mozilla.org/en-US/docs/Web/CSS/@media）），但是当涉及到视口和浏览器窗口尺寸时，没有任何与视口内容相关的内容 – FelipeAls

CSS媒体查询仅适用于整个视口尺寸。

关于Kendo UI窗口，您可以使用其resize事件并以编程方式进行布局重新调整。例如，您可以为Window的element使用一些替代CSS类，并控制与媒体查询类似的布局。

来源

2016-09-20 17:03:58 dimodi

可以在弹出窗口中使用@media查询吗？

回答

相关问题