[英]Using the screen resolution, output something
<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,则执行此操作(某些代码)。
如何做到这一点?
所以我想你想这样做:
var width = $(window).width();
if(width <= 320){
} else
if(width <= 768){
} else
if(width > 1200){
}
对于此媒体查询是最佳选择,请检查此链接: CSS媒体查询:最大宽度或最大高度
您也可以使用jquery:
$(window).resize(function(){
var width = $(this).width();
if( width == 320){
f1();
}else if (width == 768){
f2();
}else if (width >= 1200){
f3();
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.