通过css

Question

我知道这个问题之前已被问过一百万次，但是我试图以不同的方式做到这一点，这是一种更为简单的方式，因为我不需要支持所有主流浏览器。

对于我们网站上的每个图像，我们知道运行前的宽度和高度，因为cdn为我们返回此信息，一旦图像寄存器我基本上提取CURRENT宽度并找出减少的百分比（如果有的话）图片。

示例：

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

现在我已经从它的原始大小减少了，我想用calc css方法做一些事情，因为我们所有的图像都按比例调整大小。我试过这个：

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

我甚至无法将此应用于元素，如果我使用更简单的calc css方法它可以工作，但这甚至不适用，我假设它是因为实际评估失败，但我似乎无法使单位正确

Answer 1

也许这只是一个括号问题，试试这个

{{1}}