gpt4 book ai didi

html - 如何在 HTML 和 CSS 中根据自身大小重新缩放图像

转载 作者:太空宇宙 更新时间:2023-11-03 18:15:57 26 4
gpt4 key购买 nike

如何在 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,我似乎失去了画面

关于html - 如何在 HTML 和 CSS 中根据自身大小重新缩放图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22809292/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com