通過css按比例調整圖片大小

我知道這個問題已經被問過一百萬次了，但是我試圖以一種不同的方式做到這一點，這是一種更簡單的方法，因爲我不必支持所有主流瀏覽器。通過css按比例調整圖片大小

對於我們網站上的每個圖片，我們知道運行前的寬度和高度，因爲cdn會爲我們返回此信息，一旦圖像註冊，我基本上會提取CURRENT寬度並計算出減少的百分比（如果有的話）該圖像。

例子：

var originalWidth = 640; 
var originalHeight = 480; 
var actualWidth = 431; 
var decrease = (originalWidth-actualWidth)/originalWidth*100;

現在，我已經得到了從減少它的原始大小，我想做與鈣CSS法的東西，看到我們所有的圖像縮放比例。我已經試過這樣：

$element.css('height', `calc(${originalHeight}px - (${originalHeight}px * ${decrease}/100))`);

我已經拿不拿這個來應用到元素，如果我做它的工作原理更簡單的計算方法的CSS，但是這甚至不會應用，我假設這是因爲實際的評價是失敗了，但我似乎無法得到正確的

我只是測試其值的計算和它的作品。你的'calc（$ {originalHeight} px - （$ {originalHeight} px * $ {decrease}/100）''在變量被處理後的結果是什麼？ – LGSon

它不會保留表達式，它只是輸出'height：calc（326.6px）'@LGSon –

那麼，這是行不通的，因爲calc需要最小2個值，它應該看起來像'calc（200px - （ 50px * 50/100））' – LGSon

也許這只是一個括號問題的單位，請嘗試使用此

$element.css('height', `calc((${originalHeight}px - ((${originalHeight}px * ${decrease})/100)))`);

2017-04-23 00:36:10 shall

因此，我試圖要聰明，但這個equasion總是會返回相同的結果，所以使用calc方法毫無意義！ –

回答