php - 画面解像度を使用して、何かを出力します

Question

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script>

  var f = function(){$('#t').text('Window Width: ' + window.innerWidth)};
f();
$(window).resize(function(){
  f();
});

</script>

<span id="t"></span>

だから私はこのスクリプトを持っているので、画面サイズを見つけることができます。これを行うために画面サイズを使用したい：

画面サイズが 320px の場合は、これを実行します (いくつかのコード)。

画面サイズが 768px の場合は、これを実行します (いくつかのコード)。

画面サイズが 1200px を超える場合は、これを実行します (いくつかのコード)。

これはどのように達成できますか？

Answer 1

したがって、次のようにしたいと思います。

var width = $(window).width();

if(width <= 320){
} else
if(width <= 768){
} else
if(width > 1200){
}

Answer 2

このメディア クエリには最適な選択です。次のリンクを確認してください: CSS メディア クエリ: max-width OR max-height

jqueryでもできます：

$(window).resize(function(){
  var width = $(this).width();
  if( width == 320){
    f1();
  }else if (width == 768){
    f2();
  }else if (width >= 1200){
    f3();
  }  
});