2017-05-30 18 views
0

私はメール作成者を設計しています。私はOutlookで問題が発生しているので、私はOutlook(デスクトップ用)のスタイルを作成しました。私はOutlook用スタイルを適用するためにこれを使用しています:Outlook Mobileに固有の条件付きCSSステートメントはありますか?

<!--[if (gte mso 9)|(IE)]> html/css styles here <!--<![endif]--> 

し、それらをフィルタリング:

<!--[if !mso]> html/css styles here <!--<![endif]--> 

残りの問題は、Outlookモバイルです。 Outlook Mobileをどのようにターゲット設定できますか?例:

<!--[if (!mso) | (.outlook-mobile-only) ]> 

Outlook Mobileが!mso文を認識し、自分の携帯電話の特定のスタイルを無視しているようです。

答えて

1

いいえはい。

特にOutlook Mobileを対象とするものはありません。ほとんどのOutlookデスクトップでは@mediaクエリが読み取られません。

Android用Outlookは@mediaクエリを使用しません。 Mac用のOutlookは動作しますが、ほとんどのバージョンのOutlookは動作しません。

詳細については、チェックアウト: https://cm.engineering/fixing-bugs-with-outlook-specific-css-f4b8ae5be4f4

これは良いフォローアップである: https://templates.mailchimp.com/development/css/outlook-conditional-css/

幸運。

関連する問題