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

Question

我需要javascript模擬（algorythm）來設置圖像的寬度/高度，當更改max-width和max-height 100％以調整圖像大小時，它們會起作用。 （不使用max-width和max-height css屬性，僅使用width和height）

Answer 1

我不知道這是否是最好的解決方案，但是執行類似操作的一種方法是克隆您要為其確定最大寬度和最大高度的元素。 然后，對其進行不可見的渲染，並在渲染該項目后使用其JavaScript屬性確定值，這將使瀏覽器可以為您計算它們。

如果將元素呈現為位置：絕對和可見性：隱藏，則該元素應具有與作為頁面一部分呈現而用戶不可見的屬性相同的屬性。

渲染和計算后，即可刪除元素。