在開發網頁時,設置圖片的寬高比例是非常重要的一步。使用jQuery可以輕易地改變img標簽的高和寬的屬性。
$("img").width(500); //設置圖片寬為500px $("img").height(300); //設置圖片高為300px
在這里,我們使用了jQuery的width和height函數來改變圖片的屬性。其中,width函數用于設置圖片寬度,height函數用于設置圖片高度。
如果我們想按比例設置img的高度,可以使用下面這段代碼。
var ratio = 0.7; //設置高寬比例為0.7 var width = $("img").width(); $("img").height(width*ratio);
在這里,我們首先設置了高寬比例為0.7,然后計算出圖片的寬度。最后,使用計算出來的寬度和比例,計算出圖片的高度并設置。
總的來說,使用jQuery來設置img標簽的高和寬非常簡單。希望這篇文章可以幫助您更好地掌握此方法。