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

Question

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

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

这是我的横幅代码：

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

src有一个完整的网址。我只是把它简化为图片。

Answer 1

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

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

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

Answer 2

取决于电子邮件客户端，这可能/可能不起作用，这取决于CSS指令是否受支持，如果它的网络邮件很可能会得到支持

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