css - 如何缩小大图而不拉伸(stretch)小图？

Question

我想在 WebBrowser 对象中显示任何给定文件夹中的图像文件。

理想情况下，如果图像比 WebBrowser 对象窄，它会以其原始大小显示，但如果图像比 WebBrowser 对象宽，它会自动调整大小(保持纵横比)到宽度WebBrowser 对象的。换句话说，我想避免水平滚动。

我可以使用样式来做到这一点吗？

Answer 1

将宽度设置为 100%，并将最大宽度设置为原始图像的宽度(以像素为单位)。

#myImage {
   width:100%;
   max-width:250px;
}

参见 How to inject CSS in WebBrowser control?用于将 CSS 与 WebBrowser 一起使用。