可以在彈出窗口中使用@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查詢嗎？

回答

相關問題