3

FOUNDATION FRAMEWORK Q:

質問-サイトがモバイルまたはタブレットデバイスに表示されているときに、要素の.classを削除する方法はありますか?(つまり、768px未満のものはありますか?)

数行のjsでこれを簡単に削除できます。しかし、私のコードを適切にフォーマットしたい。ですから、ファンデーションフレームワーク内でそれを行う方法があれば、私はそのルートに行きたいと思います。

ヘルプ?これは必ずしもコードの質問ではないことを私は知っていますが、それはある種の質問です。誰かが私を啓発し、道を示すことができることを願っています-もしあれば。

4

1 に答える 1

3

browserdetect スクリプト (http://www.quirksmode.org/js/detect.html) を使用して、使用しているバージョンとブラウザー (つまり、モバイル サファリ) を確認し、jquery を使用して要素からクラスを削除します。

ただし、クラスについて言及していて 768px 未満であるという事実を考慮すると、css のメディア クエリを調べることをお勧めします: http://css-tricks.com/css-media-queries/

編集:

ロジックを逆にして、次を使用します。

@media screen and (min-width: 768px) {
  .class {
    background: #ccc;
  }
}
于 2013-01-11T19:55:56.807 に答える