動態調整圖像大小？

Question

我有一個橫幅，它是一定的大小。它有裝飾品。 我也有我的整個網頁樣式表基於頁面上的百分比。我想保持這種方式。 但是，有沒有辦法動態調整我的橫幅圖片？所以如果我縮小網頁，它不會忽略橫幅的任何部分？

Answer 1

你好是很簡單的沒有的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> 

和live demo now click here

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

Answer 2

你的問題是一種模糊的，但適當調整的

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

標籤例如，你可以在width或height值（或兩者）播放的圖像。如果您只更改一個屬性，瀏覽器將保留圖像的比例。使用Javascript更改這些值很容易，這不應改變您的佈局。