2015-02-10 50 views
0

有沒有一種HTML方式可以自動調整圖片的大小而不必查看圖片的分辨率以及手動更改高度和寬度?如何自動調整圖片的大小

這裏是我到目前爲止,

<img src = "jack bauers.jpg" width ="562" height ="358"/> 
+1

重新確定它到底是什麼?你可以使用javascript檢查它的寬度和高度,並增加一個固定的比例。 – 2015-02-10 17:19:33

+0

嘗試類似這樣:''它會將圖像的高度和寬度更改爲其原始值的50%。 – Ryan 2015-02-10 17:20:42

+0

只需忽略寬度或高度,瀏覽器將按比例縮放圖像。 – j08691 2015-02-10 17:23:15

回答

1
<img src="smth" width=123></img> 

然後browser'll自動計算高度。

<img src="smth" height=123></img> 

然後寬度將被自動選擇。

<img src="smth" height="45%"></img> 

<img src="smth" width="45%"></img> 

可以使用瀏覽器的機靈太:)

+0

你的回答是正確的(至少如果這是@JackBauers所要求的,你應該添加一些解釋,儘管 – Cfreak 2015-02-10 17:21:17

+0

@Cfreak,我剛剛添加了它,你看到 – ForceBru 2015-02-10 17:21:45

+0

謝謝,那正是我所知道的尋找。 – 2015-02-11 17:09:32

0

來解釋我假設你要調整accoding太外<div>的做

<img src="" style="max-height:100%;max-width:100%"></img> 

不使用寬度高度

Fiddle