如何按自己的百分比來縮放img，而不是其容器的百分比

我不敢相信我以前從來沒有遇到過這個問題，所以我猜測標準是否改變，或者我做錯了什麼，因爲我非常肯定，在CSS之前的一天，可以按比例縮放這樣的圖像

<img src="something.jpg" height="50%" width="50%">

但現在可以通過容器對象大小縮放它，這與我完全無關。

是否有沒有其他方式比我開始計算像素和這樣的一個JavaScript來實現這個非常簡單的圖像樣式？

如果我有一個500像素寬的圖像，並且用戶選擇了50％，我希望該圖像顯示寬度爲250px，我不在乎此時它的容器的大小...

你需要在'src'後加''''src =「something.jpg」' – Enve

yea yea，我剛剛寫了一個例子，那不是我的實際代碼，也沒有任何事情要做與我遇到的問題。比例函數效果很好，只是我想縮放到圖像的百分比，而不是圖像所在容器的百分比。但實際的html/css被瀏覽器正確解釋。 –

我結束瞭解決像這樣（與JavaScript/jQuery的）： - 創建一個div - 插入圖像從圖像 -pick了尺寸-set這些尺寸到DIV -set圖像尺寸爲100％

這種方式圖像，直到最初是原始大小，我的jQuery resize（）在DIV將工作，圖像將始終填充DIV。

2013-04-26 06:42:13

呵呵，留下了一些信息 - 我在原始問題中看到我沒有提到，用戶可以設置50％的原因是，這是一個編輯器圖像可以被插入和縮放的位置=）在那裏，現在你應該能夠更好地跟着我=） –

嘗試CSS zoom屬性。我相信它適用於Chrome，Safari和IE，但不適用於Firefox。

2013-01-20 19:18:38 jgthms

謝謝，但是在圖像周圍會留下空白空間，它不會像文本一樣隨着文本一起浮動，而不會縮小尺寸的圖像。我還需要完全跨瀏覽器兼容性。不管怎麼說，多謝拉。我結束了現在使用px寬度的高度設置爲自動，並可能會解決一些腳本來使用戶控制百分比，並自己計算它。仍然bacilled認爲功能不存在於css3 ... –

img use style="max-height:100%;max-width:100%;"將填滿容器盒，但保留容器內的所有圖像。使用style="min-height:100%;min-width:100%;"將填充容器和剪輯，如果圖像與容器盒的尺寸不同。

不適用於瀏覽器不支持最大\最小高度\寬度（低於ie7我認爲）。

2013-01-26 01:48:40

設置圖像的百分比大小，然後用包裝的圖像周圍position: absolute;

一些不幸的缺點：

2013-02-06 17:53:49 Chris

回答