0
<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,那么执行此操作(一些代码)。

如果屏幕尺寸超过 1200 像素,则执行此操作(一些代码)。

如何做到这一点?

4

2 回答 2

0

所以我猜你想这样做:

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

if(width <= 320){
} else
if(width <= 768){
} else
if(width > 1200){
}
于 2013-09-07T12:08:14.183 回答
0

好吧,媒体查询是最佳选择,请查看此链接:CSS 媒体查询:最大宽度或最大高度

您也可以使用 jquery:

$(window).resize(function(){
  var width = $(this).width();
  if( width == 320){
    f1();
  }else if (width == 768){
    f2();
  }else if (width >= 1200){
    f3();
  }  
});
于 2013-09-07T12:10:37.857 回答