window.onresize根據不同瀏覽器寬度實時調用不同的代碼

<script type="text/javascript">
	setSize();//首先調用一次
	window.onresize = function(){
		setSize();  //瀏覽器縮放實時調用
	}
	function setSize(){
		var wid = document.body.clientWidth;
			
		if(wid<768){
			//瀏覽器寬度小於768時執行
		}else{
			//瀏覽器寬度大於等於768時執行
		}
	}
</script>


關鍵在 window.onresize = function(){}

獲取瀏覽器寬度  document.body.clientWidth;

發佈了88 篇原創文章 · 獲贊 46 · 訪問量 54萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章