私は、単純な html 電子メール署名と思われるものを作成しています。デザインは複雑ではありませんが、iPhone のメール アプリでは壊れます。
これは、http: //entecinc.com/email-signature/index-inline.htmlのようなもので 、私がテストしたデスクトップの電子メール クライアントで動作します。
-webkit-text-size-adjust: none; を試しました。すべての要素にインラインで適用されましたが、何らかの理由で機能していないようです。
私も試してみました display:none !important; 画像を含む、画像を囲むすべての要素に適用されますが、電子メールには表示されます。
これらのモバイル CSS ルールを、私が行っている方法とは異なる方法で適用する必要がある特定の方法はありますか?
これが関連しているかどうかはわかりませんが、iPhone 4 の Apple メールで開いた Gmail アカウントに Outlook から送信することをテストしています。
実際に何が「壊れている」のか説明するか、電話のスクリーンショットを添付してください (ホームボタンとオンオフボタンを同時に押してください)。私はモバイル メールの最適化の経験があり、実際に何が問題になっているのかを理解できれば、あなたの質問に答えることができると確信しています。あなたのコード フォームの Outlook を私の携帯電話に送信しようとしますが、ios7 を実行している iPhone を持っているので、問題ないように見えるかもしれません。
編集:実際にコードをテストしなくても、メディア クエリが正しくないことがわかります。
@media のみの画面と (max-device-width: 480px) があります。
試してみてください: @media のみの画面と (最大幅: 480px)
これで十分かどうかはわかりませんが、ウィンドウのサイズを変更するとブラウザで機能しました。
編集：
これは、Mac Outlook 2011 から Apple Mail を使用して Gmail アカウントに署名として送信された私の電話でどのように見えるかです。署名はコードではなく、Chrome のブラウザー ページをコピーして署名エディターに貼り付けることによって追加されました。
