2016-09-20 8 views
0

@media(max-width:500px)などのメディアクエリは、メインブラウザウィンドウのサイズを測定します。私は質問がサイズ変更されたときにウィンドウ内の別のレイアウトを設定することができるように、クエリがポップアップウィンドウの幅を測定することができる場合は私は思っています。@mediaクエリをポップアップウィンドウで使用できますか?

私は現在、このウィジェットに関する特定の回答が大変ありがとうございますが、一般にポップアップウインドウの知識があれば剣道ウインドウを使用しています。

+1

できません。 '@media'は(主に)ビューポートの幅に関連しています。剣道のUIを使って、JSで - ポップインで「イベント」(http://demos.telerik.com/kendo-ui/window/events)を聞いて(「ウィンドウ」)、次に測定することができますその幅(私はタイトルをダブルクリックするような奇妙なものがあるので、_any_イベントを書く.Windowsを最大化する...コントロールはないがそれでも起こる) – FelipeAls

+0

* '@media'は多くのものに関連する可能性がある([MDN]( https://developer.mozilla.org/en-US/docs/Web/CSS/@media))、ビューポートとブラウザウィンドウの寸法については、ビューポートの内容には何も関係ありません – FelipeAls

答えて

1

CSSメディアクエリは、ビューポート全体のディメンションに対してのみ機能します。

剣道UIウィンドウに関しては、resizeイベントを使用して、プログラムによるレイアウトの再調整を行うことができます。たとえば、Windowのelementにはいくつかの代替CSSクラスを使用して、メディアクエリと同様のレイアウトを制御できます。

関連する問題