是否可以在電子郵件中專門爲移動設備製作CSS？

Question

我的電子郵件在所有瀏覽器和郵件解析器中看起來很棒，但在iPhone上，文本比應該大。

我在想..是否有一個內嵌的移動設備的CSS指定font-size屬性？

謝謝！

Answer 1

這將停止iPhone調整您的文字-webkit-text-size-adjust:none;

This是電子郵件設計一個偉大的文章，並提到了這個確切的問題和解決方案（接近底部）。

Answer 2

，你可以再次嘗試媒體查詢它是如此依賴於郵件客戶端上的CSS3規範渲染它可能無法正確渲染100％的電子郵件，http://www.w3.org/TR/css3-mediaqueries/

下面是一些標記，讓你開始：

@media screen and (max-width: 320px) and (orientation: portrait) 
{ 
    body{background:#F0F;} 
} 
@media screen and (min-width: 321px) and (max-width: 480px) and (orientation: portrait) 
{ 
    body{background:#F00;} 
} 
@media screen and (max-width: 480px) and (orientation: landscape) 
{ 
    body{background:#0F0;} 
} 
@media screen and (min-width: 481px) and (max-width: 800px) and (orientation: landscape) 
{ 
    body{background:#FF0;} 
}