[英]Window.width() for browser size?
我有以下JQuery函数:
<script>
$(document).ready(function(){
var current_width = $(window).width();
if(current_width => 1920){
$("#body").css({
-moz-transform: 'scale(1, 1)',
zoom: '1',
zoom: '100%'
});
}
else if(1366 < current_width < 1920){
$("#body").css({
-moz-transform: 'scale(0.85, 0.85)',
zoom: '0.85',
zoom: '85%',
});
}
else if(current_width <= 1366){
$("#body").css({
-moz-transform: 'scale(0.7, 0.7)',
zoom: '0.7',
zoom: '70%'
});
}
});
</script>
我使用Chrome窗口调整大小扩展程序来测试不同的屏幕尺寸,但是当使用window.width JQuery函数时,尽管调整了浏览器的大小,它仍在检测本机的1920px宽度。 我的代码有问题吗,或者在使用window.width()
函数时,确实需要使用其他设备测试不同的屏幕尺寸吗?
谢谢
将代码包装在resize
事件处理程序中。 请参见下面的代码中突出显示的更改。
$(window).on('load resize rotate', function() {
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
var current_width = $(window).width();
if (current_width >= 1920) {
// ^^
$("#body").css({
'-moz-transform': 'scale(1, 1)',
// zoom: '1', Don't need
zoom: '100%'
});
} else if (current_width > 1366 && current_width < 1920) {
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
$("#body").css({
'-moz-transform': 'scale(0.85, 0.85)',
// zoom: '0.85', // Not needed
zoom: '85%',
});
} else if (current_width <= 1366) {
$("#body").css({
'-moz-transform': 'scale(0.7, 0.7)',
// zoom: '0.7', // Not needed
zoom: '70%'
});
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.