jss模拟css max-width，max-height 100％

Question

我需要javascript analog（algorythm）来设置图像宽度/高度，这对于图像大小调整时更改max-width和max-height 100％有效。 （不使用max-width和max-height css属性，只使用宽度和高度）

Answer 1

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

如果将元素渲染为position：absolute和visibility：hidden，则它应具有相同的属性，就好像它是作为页面的一部分呈现而不对用户可见。

一旦渲染和计算，您就可以删除该元素。