方法一:在標簽上加入 onLoad="" onResize="" 方法 寫上對應的方法即可
成都創新互聯公司是一家專注于網站制作、網站設計與策劃設計,安國網站建設哪家好?成都創新互聯公司做網站,專注于網站建設十載,網設計領域的專業建站公司;建站業務涵蓋:安國等地區。安國做網站價格咨詢:18982081108
方法二:window.onresize=function(){///.....} 在方法里面寫上對應的代碼即可
著兩種方法基本都可以解決問題。
<script> function adjust(obj){ var div = document.getElementById("pad"); var txt = document.getElementById("txt"); var w = document.body.clientWidth; var h = document.body.clientHeight; div.style.width = w/3; div.style.height = h/3; txt.style.width = w/6; txt.style.height = h/6; } window.onload=function(){ window.onresize = adjust; adjust(); } </script> <body > <div id="pad" > <input type="text" id="txt"> </div> </body>
以上這篇jQuery監聽瀏覽器窗口大小的變化實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持創新互聯。
文章名稱:jQuery監聽瀏覽器窗口大小的變化實例
標題來源:http://vcdvsql.cn/article24/gjiije.html
成都網站建設公司_創新互聯,為您提供服務器托管、企業建站、用戶體驗、微信小程序、App設計、網站設計
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯