2

サイトのモバイル/タブレット画面にメディア クエリを使用しています。モバイル用に画面のサイズを小さくすると、かなりの数の jquery トグル関数を使用して、一部のコンテンツを縮小し、必要に応じて拡大できるようにします。

私の問題は、アイテムを切り替えて展開（表示）し、デバイスを横向きに回転させた場合、アイテムは展開されたままになりますが、その div または非表示にするものを示す別のメディアクエリが使用されています。これは、Jquery トグルが CSS ではなく実際の HTML にスタイル属性を追加するためだと思います。正しいページを取得する方法があるので、トグルをリセットしますか? それが理にかなっている場合は？

ありがとう

デイブ

4

2 に答える 2

2

次のコードをサイトに追加すると、CSS で使用できるランドスケープまたはポートレートの body ノードにクラスが追加されます。うまくいけば、これが役立つはずです。

window.onorientationchange = function() {
  var orientation = window.orientation;
  if (orientation == 0) {
    document.body.setAttribute("class","portrait");
  }else{
    document.body.setAttribute("class","landscape");  
  }
}
于 2012-07-26T11:22:14.873 に答える
0

関数では、次のように CSS ルールを書き換えることができます。

document.styleSheets[0].cssRules[1].style.some_attribute='some value';

1 はルールの順序です (0 から始まります)

于 2012-08-02T14:16:13.577 に答える