1

ライトボックス .js プラグインを使用するポートフォリオ ページがあり、ボックスのポップアップが大きすぎるため、画面サイズが 480 未満の場合はオフにできるようにしたいと考えています。cssでこれを行う方法はありますか? そうでない場合、.jsでこれを行うにはどうすればよいですか?

これはサイトですhttp://www.campusphotoservices.org/portfolio.html

4

2 に答える 2

0

CSS で直接行うことはできませんが、JavaScript で行うのは非常に簡単です。

ライトボックスを呼び出すコード内の場所で、ウィンドウの幅が 480px より大きいことを確認してください。それ以外の場合は、やりたいことを何でもしてください。

window.innerWidth
于 2013-02-23T00:01:57.063 に答える
0

JavaScript では、CSS と同じようにメディア クエリを一致させることができます。ウィンドウに接続された matchMedia() オブジェクトがあります ( https://developer.mozilla.org/en-US/docs/DOM/window.matchMedia ) 。CSS と同じように、メディア クエリを使用します。

var mediaQuery = matchMedia("(min-width: 400px)");
if (mediaQuery.matches) {
  /* the view port is at least 400 pixels wide */
} else {
  /* the view port is less than 400 pixels wide */
}

すべてのブラウザーがサポートしているわけではないため、matchMedia ポリフィル ( https://github.com/paulirish/matchMedia.js/ ) を使用する必要があります。

于 2013-02-23T01:16:54.043 に答える