当设置页面最小宽度时，$(window).width()取到的值不一致

最新推荐文章于 2023-08-01 11:00:16 发布

weixin_34376562

最新推荐文章于 2023-08-01 11:00:16 发布

阅读量504

点赞数

文章标签： python

原文链接：https://my.oschina.net/yongqingfan/blog/650439

版权

2019独角兽企业重金招聘Python工程师标准>>>

$(window).height()和$(window).width()指的浏览器可视化的宽度和高度。

当浏览器页面缩小到小于最小宽度（如：1300px）时，$(window).width()取到的值就只是我们所看到的宽度，滚动条那部分并没有被取到。所以，我们在设置页面的时候要考虑到这一点：

$(function(){
	$("#right").css({
		'width' : $(window).width()-710,
		'height': $(window).height()
	});
	$(window).resize(function() {
		var code_area = $('#left');//取到左边DIV的对象
	    if(code_area[0].offsetWidth <=0){//当左边DIV被隐藏时，
	    	$("#right").css({
			'width' : ($(window).width() <= 1300) ? 1300 : '100%',
			'height': $(window).height()
		});
	    }else{//当左边DIV显示时，
	    	$("#right").css({
			'width' : ($(window).width() <= 1300) ? 600 : $(window).width()-700,
			'height': $(window).height()
		});
	    }
	});

});