如何在HTML和CSS中相对于其自身大小重新缩放图像？
我希望将图像放大到其自身大小的170%，或者将其缩小到其自身大小的50%，而不是其父元素的大小。
我已经试过了：
<div><img src="0001.svg" height="50%"></div>
它相对于其父元素的高度重新缩放。
最佳答案
这有效：
<script>
function Start() {
OPIC = document.getElementById('PIC')
var x=OPIC.width, y=x=OPIC.height, pct=.7 // = 70%
OPIC.height=pct*y; OPIC.width=pct*x;
}
</script>
<body onload="Start()">
<img id='PIC' src=...>
但是，使用IE和Edge，我似乎正在迷失方向