みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

CSSの切り替え

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

例えば
<div id="colum1">カラム1の記述</div>
<div id="colum2">カラム2の記述</div>
<div id="colum3">カラム3の記述</div>

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

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

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

投稿日時 - 2011-09-13 16:22:08

QNo.7008419

すぐに回答ほしいです

質問者が選んだベストアンサー

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

投稿日時 - 2011-09-13 19:13:48

お礼

ありがとうございます。

投稿日時 - 2011-09-13 21:06:05

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問