所定の期間ごとにメールで自動的に送信されるコンテンツ テーブル (ユーザーのスコア テーブル) があります。
html には、静的なテーブル サイズやその他の測定値の定義が、パーセントではなくピクセルで表示されていました。
私の iPhone と Chrome Web ブラウザではすべて問題ないように見えましたが、Android デバイスでは完全にバランスが取れていませんでした。
それらをパーセントに置き換えて、レスポンシブレイアウトに変換することにしました。これで問題は解決したようですが、PC とモバイル デバイスの幅と高さの比率の違いにより、スコア テーブルの幅を PC 画面とモバイル \ タブレット画面で異なるものにする必要があります。
@media ルールを使用してこれを実行できることはわかっていますが、問題は、CSS のこの機能はスタイル シート内でのみ使用でき、インライン形式の CSS (HTML 内) では使用できないことです。ご存じのとおり、ほとんどのメール クライアントでは、HTML メール内で CSS スタイル シート (クラス、CSS セレクター) を使用できません。
そのような状況で何をするようにアドバイスしますか?
どんな援助も大歓迎です。