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嵌入表中，那麼請確保表中也有最小寬度集。