※ ChatGPTを利用し、要約された質問です（原文：CSSの切り替え）
スマートフォン向けにCSSを切り替えて３カラム目を非表示にする方法は？
このQ&Aのポイント
横に３カラムのページなのですが、スマートフォン向けにCSSを切り替えようと思っています。その場合にスマートフォンだと２カラムページにしたいのですが３カラム目の記述を表示させないような方法はないでしょうか？
PCとスマートフォンで表示を切り替えるためのCSSを作成したいです。スマートフォンでは３カラム目を非表示にしたいのですが、どのように設定すれば良いでしょうか？
スマートフォン向けに３カラムのページを作成していますが、スマートフォンの場合は３カラム目を非表示にしたいです。どのような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指定しても記述を消すことはできません、スマホの場合３カラム目を
無視するような方法はないでしょうか？
お礼
ありがとうございます。