html - モバイル用の css スタイルのメールを重ねてロール/スタックする

Question

Pinterest のようにメールのスタイルを設定しようとしています。つまり、Web では一方向に表示されますが、モバイルでは TD が積み重ねられ、物事が大きく見えます。私はメールのスタイリングに非常に慣れていません。これを達成する方法はありますか? または何をすべきか、何をすべきでないか？

Answer 1

わかった。スタイルシートとメタタグで @media を使用する必要があります

  %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0, maximum-scale=1' }

いくつかの良いチュートリアル:

http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/ http://mobile.smashingmagazine.com/2011/08/18/from-monitor-to-mobile- optimizing-email-newsletters-with-css/