如何在HTML和CSS中相对于图像自身大小重新缩放图像_Html_Css

如何在HTML和CSS中相对于图像自身大小重新缩放图像

html css

如何在HTML和CSS中相对于图像自身大小重新缩放图像,html,css,Html,Css,在HTML和CSS中，如何重新调整图像相对于自身大小的比例我希望将图像放大到其自身大小的170%，或者将其缩小到其自身大小的50%，而不是其父元素的大小我试过这个： <div><img src="0001.svg" height="50%"></div> 它相对于其父元素的高度重新缩放。为父div指定一些宽度。然后为图像指定宽度或高度，以保持图像的纵横比这是 HTML: <div class="image_resize">

在HTML和CSS中，如何重新调整图像相对于自身大小的比例

我希望将图像放大到其自身大小的

170%

，或者将其缩小到其自身大小的

50%

，而不是其父元素的大小

我试过这个：

<div><img src="0001.svg" height="50%"></div>

它相对于其父元素的高度重新缩放。

为父div指定一些宽度。然后为图像指定宽度或高度，以保持图像的纵横比

这是

HTML:

   <div class="image_resize">
        <img src="http://www.sxc.hu/img/certified_images/crt_melaniemar.jpg" />
    </div>

    .image_resize {
        width:260px;
    }
    .image_resize img {
        width:60%;
    }

这项工作：

<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=...>


函数Start（）{
OPIC=document.getElementById（'PIC'）
var x=OPIC.width，y=x=OPIC.height，pct=0.7/=70%
眼高=pct*y；眼宽=pct*x；
}

然而，使用IE和Edge时，我似乎丢失了图片

只需将其高度或宽度设置为所需的百分比即可。张贴您正在使用的代码，以便我们可以帮助您。这是什么？我忘了`