动态调整图像大小？

Question

我有一个横幅，它有一定的尺寸。它上面有装饰品。 我还有基于页面百分比的整个网站样式表。我想保持这种方式。 但是，有没有办法动态调整我的横幅图像？因此，如果我缩小网页，它不会省略横幅的任何部分吗？

Answer 1

嗨很简单没有jquery你只能这样做css

我给你代码

css part

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

和live demo now click here

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

Answer 2

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

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

例如

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