Q&Arailsでwebアプリケーションを作っています。
application.htmlで書いたヘッダーを一部のページのスマホサイズのみ非表示にしたいです。
非表示にしたいページで
@media(max-width){
header{display:none;}
}
にすると、全てのスマホサイズのページで非表示になってしまいます。
どうすればいいでしょうか。
回答2件
0
ベストアンサー
単純に書き方が間違っていると思います。
下記のようにしてみてください。
css
1@media screen and (max-width: 768px){ 2 header{ 3 display:none; 4 } 5}
https://www.seojuku.com/blog/responsive-mediaquery.html
追記
ページ個別に、URLからクラスつける方法をとりますか。
例えば、「htts://example.com/aa/bb」の時、
html
1<body class="aa-bb">
とクラスつけるようにしておいて
css
1@media screen and (max-width: 768px){ 2 .aa-bb header{ 3 display:none; 4 } 5}
とすれば、ページ指定で非表示にすることができます。
投稿2018/02/28 09:07
編集2018/02/28 09:15
総合スコア3404
0
できました！！ありがとうございます！
投稿2018/02/28 09:32
総合スコア26
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/28 09:10
2018/02/28 09:20