使用屏幕分辨率，輸出一些內容

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，則執行此操作（某些代碼）。

如果屏幕尺寸為768像素，則執行此操作（某些代碼）。

如果屏幕尺寸大於1200px，則執行此操作（某些代碼）。

如何做到這一點？

Answer 1

所以我想你想這樣做：

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

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

Answer 2

對於此媒體查詢是最佳選擇，請檢查此鏈接： CSS媒體查詢：最大寬度或最大高度

您也可以使用jquery：

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