0

これは本当に奇妙です。

この以下のコードは、100％幅の電子メールになり、上部はライム色になります。しかし、TDにはリンクが含まれているため、テーブル全体が90％（またはそれくらい）になりますが、iPhoneの電子メールのみです。リンクを削除すると、メールは正しいです...何が起こっているのですか？

https://s3.amazonaws.com/resultcaptures/C1C356D4-EAC0-4A50-B278-04155E256E51.png

私は私の電子メールをこれに要約しました：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Email</title>    
</head>
<body bgcolor="brown" style="margin:0;padding:0; ">
    <table cellpadding="0" cellspacing="0" width="100%" bgcolor="black">
        <tr>
            <td bgcolor="Lime">
                <div><a href="#" alt="">This</a> is a link</div>
            </td>
        </tr>
    </table>
</body>
</html>

何も悪いことはありません...そうですか？...または私は盲目ですか？

4

3 に答える 3

1

このMacRumorsスレッドは、この問題の解決策を提供します：http: //forums.macrumors.com/showthread.php?t=1158457

最初のテーブルにalign="center"とstyle="text-align：center"を配置し、必要に応じて2番目のテーブルにstyle = "text-align：left"を配置してみてください。

コンテンツを中央揃えの親テーブルでラップすると、奇妙なことに、iPhoneメールリーダーの右マージンがなくなるようです。

于 2012-05-22T22:25:51.197 に答える
0

確かにiOSに問題があります。問題は、電子メール クライアントの幅に合わせて電子メールが縮小されることですが、メールが電子メール クライアントよりも狭い場合、これは発生しますが、アンカーが含まれる電子メールでのみ発生します。

テーブルの with を 320px に設定してそれを取り除きますが、柔軟なレイアウトに別れを告げます。

于 2012-05-02T09:29:35.600 に答える
0

わかりました、私は実用的な解決策を見つけました:

設定するだけです：

table {
    width: 99%; /* 99.99% doesn't seem to work */
    margin: 0 auto;
}

非常に小さなギャップを取り除くには、背景色をテーブルと同じに設定するだけです。

とりあえず修正！

私は同じ問題を抱えていました:リンク

于 2012-05-23T17:45:52.237 に答える