CSSの切り替え

質問

横に３カラムのページなのですが、スマートフォン向けにmax-device-width:480px
でCSSを切り替えようと思っています。
その場合にスマートフォンだと２カラムページにしたいのですが３カラム目の記述を
表示させないような方法はないでしょうか？

例えば
<div id="colum1">カラム１の記述</div>
<div id="colum2">カラム２の記述</div>
<div id="colum3">カラム３の記述</div>

ＰＣ用のCSS
#colum1 { width: 100px; }
#colum2 { width: 400px; }
#colum3 { width: 200px; }

スマホ用のCSS
#colum1 { width: 100px; }
#colum2 { width: 400px; }
#colum3 { width: 0px; }

このように0指定しても記述を消すことはできません、スマホの場合３カラム目を
無視するような方法はないでしょうか？

回答No.1

yambejp · ベストアンサー

#colum3 { display:none; }的な処理では？

お礼

ありがとうございます。