6

メディア クエリを使用して 480px 未満のデバイスをターゲットにするカスタム メール テンプレートを開発しました。Outlook 2007 から 2013 を除いて、Gmail、Yahoo!、Hotmail、Apple Mail、Thunderbird、Outlook 2003 などのすべてのメール クライアントとプラットフォームで、メールの外観と表示が完璧です。

Outlook 2007 から 2013 は、奇妙にメディア クエリを取得し、特定の css 宣言を使用して電子メールのスタイルを設定します。メディア クエリを削除すると、完全にレンダリングされます。Outlook でメディア クエリを無視する方法を教えてください。

以下は、使用されているメディア クエリと jsFiddle リンクです。max-device-width を max-width に変更して、メディア クエリの動作を確認します。

jsFiddle: http://jsfiddle.net/danimalnelson/uQ7kg/

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

4 に答える 4

14

次の方法で、Microsoft にコードの一部を無視させることができます。

<!--[!if gte mso 9]><!-->
 // This will be ignored by Outlook 2007
<![endif]-->

<!--[!if gte mso 15]><!-->
 // This will be ignored by Outlook 2013
<![endif]-->

<!--[if !mso]><!-->
 // This will be ignored by all Microsoft Outlook
<!--<![endif]-->

Outlookのバージョン番号は次のとおりです。

于 2013-05-31T16:32:36.713 に答える