<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,则执行此操作(某些代码)。
如何实现这一目标?
答案 0 :(得分:0)
所以我想你想这样做:
var width = $(window).width();
if(width <= 320){
} else
if(width <= 768){
} else
if(width > 1200){
}
答案 1 :(得分:0)
对于此媒体查询是最佳选择,请查看此链接:CSS media queries: 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();
}
});