我想在HTML中调整图片大小,它当前的宽度是314像素,高度是212像素。我希望将其调整为50%大小...
但是,使用此方法后我仍然获得了一个更大的图像,而不是一张缩小到一半大小的图像。
<img src="image.jpg" width="50%" height="50%" />
我做错了什么? 谢谢
<html>
<head>
<title></title>
</head>
<body>
<div>
<img src="image4.png" width="50%" height="50%"/>
</div>
</body>
</html>
我使用下面的jquery解决了以上问题:
$(document).ready(function(e) {
var imgs = document.getElementsByTagName('img');
var imgLength = imgs.length;
for(var i=0; i<= imgLength-1;i++){
var imgWidth = imgs[i].clientWidth;
var imgHeight = imgs[i].clientHeight;
$('img').eq(i).attr({width:imgWidth/2, height: imgHeight/2});
console.log(imgWidth);
}
console.log(imgLength);
});
style
属性。 - Asifdiv
没有任何问题。 - Asif