javascript - css max-width, max-height 100% 的 Javascript 模拟

Question

我需要 javascript 模拟（算法）来设置图像宽度/高度，这在更改最大宽度和最大高度 100% 以调整图像大小时会起作用。（不使用 max-width 和 max-height css 属性，仅使用宽度和高度）

Answer 1

我不知道这是否是最好的解决方案，但做这样的事情的一种方法是克隆你试图确定最大宽度和最大高度的元素。然后不可见地渲染它，并在渲染后使用项目的 JavaScript 属性来确定值，这将允许浏览器为您计算它们。

如果将元素呈现为 position: absolute 和 visibility: hidden，它应该具有与作为页面的一部分呈现但对用户不可见的相同属性。

渲染和计算后，您可以删除该元素。