1

HTMLメールを作成すると、次の一見解決できない問題があります。

  • Gmail は head 内のすべてを取り除きます。インライン スタイルを使用する必要があります。
  • ヘッド内のメディア クエリで実行できるモバイル (特に Android) でデザインを変更したい
  • しかし、インライン スタイルは head 内のすべてのものをオーバーライドします。

では、たとえば、Gmail では幅 600 ピクセル、Android では幅 100% のデザインを作成するにはどうすればよいでしょうか?

4

2 に答える 2

3

<style>それらを削除せず、インライン ルールを !important で上書きしない電子メール クライアントのタグを埋め込むことができます。次のようになります。

@media all {
    width:100% !important;
}

それが機能するかどうか教えてください...

于 2013-05-07T03:09:36.323 に答える
0

次のインライン CSS を使用します: style='width:100%; 最大幅: 580px;' 画面の幅が 580px を下回ると、レイアウトが流動的になります。必要に応じて値を変更できます。こうすることで、クロス クライアントの問題が多く発生することはありません。Gmail アプリはタグをサポートしていません。

于 2013-10-02T16:42:31.367 に答える