Android平板電腦上的標準電子郵件應用程序中的HTML問題

Question

我在電子郵件營銷中使用HTML編碼。 時下在標準和移動版本中表示電子郵件優惠很重要。 因此，存在一些技巧可以幫助您在移動設備上使您的電子郵件看起來不錯（沒有缺陷和缺口）。 例如，最着名的麻煩是由於移動設備改變文本大小導致電子郵件信件內容被撕毀。 要禁止設備的這個功能我用下一個CSS-招：

@media only screen and (max-width: 480px) { 

    body { 

     -webkit-text-size-adjust:none; 

} 

如果我檢查我的電子郵件中的移動設備瀏覽器這招工作正常。 但是，如果我在非標準應用程序中查看它來查看電子郵件，這是行不通的。

例如，這裏是來自Android平板電腦在非標準作出的截圖「電子郵件」應用程序（4.1版本）：

可以看到，該內容是不正確的，因爲撕裂字體大小。

如何避免它？

Answer 1

首先，所有電子郵件客戶端（例如Gmail）都不支持使用媒體查詢。幸運的是，這不需要在媒體查詢中。

webkit特定的聲明只能在基於webkit的客戶端（例如mac）中使用。見htmlboilerplate（35行），你還可以添加前綴MS：

-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; 

我懷疑然而，這將解決您的Android平板電腦。這可能是不可避免的，除非添加!important到你的字體大小可以做到這一點。