javascript - ダイナミックメディアクエリ

Question

現在、js/jq サイズ変更イベントを使用して、CSS ルールを (可変幅の) 水平メニューに適用し、画面に対して大きくなりすぎています。ただし、新しいルールが適用される前に、メニューが一時的にラップされます。

理想的には、メニューの幅を測定し、メディアクエリのブレークポイントを変更したいと思います!

@media screen and (min-width: THIS-VALUE){
    New Rules
}

これは可能ですか??

前もって感謝します。

クリス・GW・グリーン

score 0 · Accepted Answer

メディアクエリの代わりに、メタタグを試してください。メタタグでは、min-width プロパティも使用できます。

meta が html タグであるかのように、値を好きなように変更できます。

var element = document.getElementByTagName('meta')[0];

element.setAttribute('content','Value');

javascript - ダイナミック メディア クエリ