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

Question

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

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

这是我的横幅代码：

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

有一个完整的srcURL 去那里。我只是将其缩短为图片。

Answer 1

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

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

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

Answer 2

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

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