Html/CSS 固定图片大小，因此浏览器较小时不会调整大小答案

【问题标题】：Html/CSS Fixed Picture size so it won't resize when browser is smallerHtml/CSS 固定图片大小，因此浏览器较小时不会调整大小
【发布时间】：2012-10-27 22:17:21
【问题描述】：

我创建了一个电子邮件模板，在两列表格的顶部带有横幅。一切都很好，除了顶部的横幅。发送电子邮件时，如果窗口小于横幅本身，则图片会调整大小。

如果邮件窗口很小，如何防止图片自动调整大小？

这是我的横幅代码：

<img style="width: 710px; height:191px;" alt="" src="banner.png" height="191" width="710" />

src 有一个完整的 URL。我只是将其缩短为图片。

【问题讨论】：

阅读Markdown help page，它将使代码格式化为代码更清晰。 =)

标签： html css height width fixed

【解决方案1】：

取决于电子邮件客户端，这可能/可能不起作用，这取决于是否支持 CSS 指令，如果它是 webmail，它很可能会被支持

另外确保 img 标签的父元素具有正确的宽度样式。如果它作为 colspan2 嵌入到表格中，请确保表格也设置了最小宽度。

【讨论】：

【解决方案2】：

如果您在 CSS 文件中设置图像的大小，则它不应更改。

.image {
    width: 200px;
    height: 200px;
}

然后将此样式应用于您的图像。

【讨论】：

有没有办法将 CSS 集成到 HTML 中，因为我使用的软件只提供了编辑 HTML 的选项。