HTMLニュースレターをコーディングしています。一度送信すると、スマートフォンかPCかをデバイスとして検出する1つのファイルをコーディングする必要があります。PCの場合は600px
幅を示し、スマートフォンの場合は300px
幅を示します。
それでは、上記の幅のように見えるようにwidthプロパティをどのように設定する必要がありますか。
HTMLニュースレターをコーディングしています。一度送信すると、スマートフォンかPCかをデバイスとして検出する1つのファイルをコーディングする必要があります。PCの場合は600px
幅を示し、スマートフォンの場合は300px
幅を示します。
それでは、上記の幅のように見えるようにwidthプロパティをどのように設定する必要がありますか。
ページ内に画像がある場合、ほとんどのブラウザーでは影響を受けないため、幅 % を使用することは非常に悪い習慣です。モバイル デバイスとコンピュータの両方に対して EDM をコーディングする適切な方法はまだありません。電子メール クライアントと Web サービスは、これに匹敵するものではありません。
私の意見では、両方のデバイスで使いやすいものにしたい場合は、Windows 8 インターフェイスの場合と同様のコンテンツ フィールドを作成して、コンピューターで見栄えがよく、モバイル デバイスでも見栄えがよくなるようにする必要があります。 .
それでは、どのモバイル デバイスがメディア クエリをサポートしているかを見てみましょう。このエリアでは大きなヒットとミスです。
サポート:
Android メール (非常にバグがあります)、Iphone メール、Ipad メール (>=320px <= 480px)。
まだ比較的新しいため、まだ多くの要素が正しく表示されないというリスクが伴います。
サポートされていません Android Gmail、Iphone Gmail、Ipad Gmail、Blackberry 8000
EDM で使用できる唯一の現実的なオプションは、それらを静的に保つことです。つまり、流動的にしようとしてはいけません。EDM には基本的に一定量の情報が含まれており、画像が送信されるため、幅/高さを流動的にする必要はありません。これを行うと、別のブラウザーまたは電子メールクライアントで何かが壊れているというリストが実行されるだけです.