すべてのモバイルで完全にレンダリングするのに十分なはずのhtmlメールをコーディングしています。私はデスクトップなどの電子メールのコーディングの専門家であり、この電子メールはすべての電子メール クライアントとブラウザーで完全にレンダリングされますが、モバイル用に完全にする必要があります。私のコード構造は次のとおりです。
<table>
<tr>
<td width="200"> <table>complete left table </table></td>
<td width="200"> <table>complete middle table </table></td>
<td width="200"> <table>complete right table </table></td>
</tr>
</table>
モバイルに適したものにするために、 メディアクエリが必要になることはわかっていますが、それを使用する方法はわかりません。特定のケースを実行するのに役立つ関連チュートリアルを誰かが参照できますか? 添付の画像をご覧ください。左はデスクトップ用、右はモバイル用です。