JavaScript模擬的CSS最大寬度，最大高度100％

Question

我需要JavaScript模擬（algorythm）設置圖像的寬度/高度，這對更改圖像大小的最大寬度和最大高度爲100％時有效。 （不使用最大寬度和最大高度的CSS屬性，只有寬度和高度）

Answer 1

我不知道這是否是最好的解決方案，但做這種事情的一種方法是克隆爲你正試圖確定最大寬度和最大高度。然後將其呈現爲隱形，並在呈現它之後使用該項目的JavaScript屬性來確定值，這將允許瀏覽器爲您計算它們。

如果您渲染一個元素作爲位置：absolute和visibility：hidden，它應該具有相同的屬性，就像它被渲染爲頁面的一部分而不會被用戶看到一樣。

一旦渲染和計算，您可以刪除元素。