动态调整图像大小

dynamically resizing image?

本文关键字：图像 调整 动态      更新时间：2023-09-26

我有一个横幅，它有一定的大小。上面有装饰品。我也有我的整个网站样式表基于百分比在页面上。我想保持这种状态。但是，有没有一种方法可以动态调整我的横幅图像的大小？所以，如果我缩小网页，它不会省略横幅的任何部分？

Hi在没有jquery的情况下非常简单，您只能使用css

我给你代码

css部分

.imgresize{
    width:50%;
}
.imgtag{
    width:100%;
}

html部分

<div class="imgresize">
<img src="https://www.google.pt/images/srpr/logo3w.png" alt="google" class="imgtag" />
</div>

和现场演示现在点击这里

http://jsfiddle.net/rohitazad/aJdmu/1/

您的问题有点模糊，但要正确调整图像大小，您可以在的width或height值（或两者）上播放

<img width="width_value" src="img_src" />

标签。如果只更改一个属性，浏览器将保持图像的比例。使用Javascript更改这些值很容易，这不应该改变您的布局。

相关文章：