1

私は次のようなレスポンシブスタイルを持っています：

@media all and (max-width:799px){ 
  .bigFont{ font-size: 28px; }
}

@media all and (min-width:800px){ 
  .bigFont{ font-size: 48px; }
}

jQueryを使用して次のようにスタイルを変更する場合：

$(.bigFont).css("font-size", "30px");

両方のメディアのフォントサイズが変更されます。

私の質問は、jQueryを使用してそのうちの1つのbigFontのフォントサイズを変更する方法ですか？

4

1 に答える 1

2

あなたがする必要があるのは別のクラスを追加することです

@media all and (max-width:799px){ 
  .bigFont{ font-size: 28px; }
  .bigFont30{ font-size: 30px; }
}

@media all and (min-width:800px){ 
  .bigFont{ font-size: 48px; }
}

Jquery

$(.bigFont).addClass("bigFont30");

これにより、最初のメディアクエリのフォントサイズのみが変更されます

注：これは、設定するフォントがわかっている場合にのみ機能します。それ以外の場合は、$(window).width()チェックを入れてください。

于 2012-12-28T10:23:42.707 に答える