CSS /媒體查詢

Question

我已使用Mailchimp的1列模板創建電子郵件邀請。

但是，當我導出HTML時，使用Mailchimp的CSS內聯工具呈現它，並向我的電子郵件發送測試爆炸。

它在Outlook上看起來不錯，但它在Gmail應用程序上無法正確顯示。我瞭解，在Gmail應用中，它不支持媒體查詢。

我可以知道除調整媒體查詢之外，還可以使我的模板成爲移動設備嗎？

Answer 1

對佈局組件使用百分比度量。這樣你就可以建立一個可以在更大範圍的屏幕尺寸上工作的網站。您可以將此方法與媒體查詢結合使用，例如，您可以指定您的網站在寬度超過400像素的設備上具有25％寬的導航菜單和75％寬的內容區域，但比任何更小的設備都會崩潰單列布局，菜單隱藏，只能通過菜單欄圖標訪問。