如何缩小大图像但不拉伸小图像？

Question

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

理想情况下我喜欢这样，如果图像比WebBrowser对象窄，它会以原始大小显示，但如果图像比WebBrowser对象宽，它会自动调整大小（保持宽高比）到宽度WebBrowser对象。换句话说，我想避免水平滚动。

我可以使用样式吗？

Answer 1

将宽度设置为100％，将max-width设置为原始图像的宽度（以像素为单位）。

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

有关在WebBrowser中使用CSS，请参阅How to inject CSS in WebBrowser control?。