可以HTML電子郵件固定在Gmail中，流體移動？

Question

創建HTML格式的電子郵件，我有以下看似無法解決的問題：

• Gmail中剔除了任何的頭部。你必須使用內聯樣式。
• 我希望我的設計能夠在移動設備（特別是Android）上有所不同，我可以通過頭部的媒體查詢來做到這一點
• 但是內聯樣式會覆蓋頭部的任何內容。

那麼，我怎樣才能做出一個設計，例如，在Gmail中600px寬但在Android上100％寬？

Answer 1

你可以嘗試嵌入電子郵件客戶端不將其刪除，並覆蓋內聯規則的<style>標籤！重要的。這將是這個樣子：

@media all { 
    width:100% !important; 
} 

請讓我知道，如果它的工作原理...

Answer 2

使用此內嵌CSS：風格=「寬度：100％; max-width：580px;' 一旦屏幕寬度低於580（長），則佈局變得流體。 您可以更改任何適合您的需求值。這樣，您就不會遇到很多跨客戶端問題。 Gmail應用不支持標籤順便說一句。