Javascript 当overflow-x设置为hidden时，处理可变高度图像的最佳方法是什么_Javascript_Html_Css

Javascript 当overflow-x设置为hidden时，处理可变高度图像的最佳方法是什么

javascript html css

Javascript 当overflow-x设置为hidden时，处理可变高度图像的最佳方法是什么,javascript,html,css,Javascript,Html,Css,我有一个非常高分辨率的图像，可以在任何尺寸的显示器上显示。高度始终显示为整体，宽度可通过JavaScript滚动。包含元素的overflow-x将设置为hidden。我的问题是如何最好地处理可变高度，同时保持正确的比例谢谢你的帮助您可以尝试使用“最大高度”属性。该值可以是像素或百分比 max-height: 100% 或这将按比例约束图像。如果仅设置一个尺寸（高度或宽度，最大值和最小值也适用），则另一个尺寸将按比例缩放并保持纵横比 max-height: 200px; /* whatev

我有一个非常高分辨率的图像，可以在任何尺寸的显示器上显示。高度始终显示为整体，宽度可通过JavaScript滚动。包含元素的overflow-x将设置为hidden。我的问题是如何最好地处理可变高度，同时保持正确的比例

谢谢你的帮助

您可以尝试使用“最大高度”属性。该值可以是像素或百分比

max-height: 100%

或

这将按比例约束图像。

如果仅设置一个尺寸（

高度

或

宽度

，最大值和最小值也适用），则另一个尺寸将按比例缩放并保持纵横比

max-height: 200px; /* whatever height */