ホームページ  >  記事  >  ウェブフロントエンド  >  対応するレイアウトでの現在の適合性を決定する JavaScript コード

対応するレイアウトでの現在の適合性を決定する JavaScript コード

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-16 16:37:251297ブラウズ

今回は、対応するレイアウトでの現在の適応性を判断するための JavaScript コードをお届けします。 対応するレイアウトでの現在の適応性を判断するための 注意点 は何ですか。以下は実際的なケースです。

現在、多くのデザインはレスポンシブ レイアウトを採用して、さまざまなデバイス上の Web サイトやアプリケーションの表示を調整しています。多くの場合、コード内で現在どの画面適応レベルにあるかを判断する必要があります。

function isBreakPoint(bp) {  // The breakpoints that you set in your css
  var bps = [320, 480, 768, 1024];  var w = $(window).width();  var min, max;  for (var i = 0, l = bps.length; i < l; i++) {    if (bps[i] === bp) {
      min = bps[i-1] || 0;
      max = bps[i];      break;
    }
  }  return w > min && w <= max;
}

使用方法:

if ( isBreakPoint(320) ) {  // breakpoint at 320 or less}if ( isBreakPoint(480) ) {  // breakpoint between 320 and 480}
…

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトその他関連記事に注目してください。

推奨読書:

テキストの単語数を制限するJavaScriptコード

要素を1つずつ非表示にするJavaScriptコード

要素のグループの最大幅または高さを取得するJavaScriptコード

以上が対応するレイアウトでの現在の適合性を決定する JavaScript コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。