HTML / CSS固定圖片大小，因此在瀏覽器較小時不會調整大小

Question

我創建了一個電子郵件模板，在兩列表的頂部帶有橫幅。 除了最上面的旗幟，一切都很好。 發送電子郵件后，如果窗口小於橫幅本身，則圖片將調整大小。

如果郵件窗口很小，如何防止圖片自動調整大小？

這是我的橫幅代碼：

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

src有一個完整的URL。 我只是將其簡化為圖片而已。

Answer 1

如果在CSS文件中設置圖像的大小，則不應更改。

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

然后將此樣式應用於您的圖像。

Answer 2

根據電子郵件客戶端的不同，這可能/可能不起作用，這取決於是否支持CSS指令（如果是Webmail，則很可能會支持）

此外，請確保img標簽的父元素具有正確的寬度樣式。 如果它以colspan2的形式嵌入表中，請確保表也設置了最小寬度。