javascript - 为什么我的图像拉伸到最大尺寸？

Question

我对此很陌生，我目前正在尝试使用此 html、css 和 javascript 的模态图像： https ://www.w3schools.com/howto/howto_css_modal_images.asp

一切正常，但是小于设置的最大尺寸的图像会被拉伸到该尺寸。我宁愿让较小的图像在打开时保持较小/原始尺寸。该代码中的什么使图像拉伸？我看不到它。

标签： javascripthtmlcss

Answer 1

您正在使用 100% 的宽度，因此图像所在的任何包装器都将确定图像的大小，并且浏览器将自动使图像适合包装器的大小