質問: ### 前提・実現したいこと ここに質問したいことを詳細に書いてください (例)HTML5とCSS3でレスポンシブサイトを作っているのですが、一つ分からないところがあるので質問させて頂きました。 ### 発生している問題・エラーメッセージ メニューバーを作成しているのですが、メディアクエリを599px以下設定したときに各コンテンツが均等に並べて表示したいのですが、改行が入ってしまいます。改行を入れることなく並べたいのですがどうしたら良いでしょうか? ### HLML5コード### 雑貨 ガジェット お出かけ 食べ物 お問い合わせ ### CSS3コード### @media(min-width: 599px){ .menu ul{margin: 0; padding:0; list-style: none;} .menu ul li{display: inline-block;} .menu ul li{float: left; width: auto;} .menu ul li a{color: #000000; text-decoration: none; padding: 15px; font-size: 14px;} .menu ul li a:hover{background: #75dbe7;} }/*@media 599px;*/ } ### 試したこと のをinline-blockにしたのですが上手く生きません...
回答: コードを見ると、すべてのcssがメディアクエリの中に入っており、画面が599以下の時の動作が全く書かれていません。なのでもちろん599px以下で回覧すると反映されないはずです。 スペルミスでしょうか...?