WEB制作初心者です。
レスポンシブでスマホ用サイトのcssが一部反映されない原因は何でしょうか？
PC用とスマホ用にレスポンシブの記述をしました。
PC画面上はcssが反映されていて想定通りの動きをするのですが、
スマホで見ると一部ページのcssが反映されません。
（うまくいくページといかないページが混在している状態）
PC用は
@media screen and (min-width: 769px) {}
でくくり、
スマホ用は
@media screen and (min-width: 320px) and (max-width: 768px){}
でくくっています。
原因がわかる方、お教えください。
みんなの回答 5 件
確認してるスマホの幅が、768以上なんじゃないの？
PCでウィンドウ幅狭くして、切り替わるか確認してごらん。
提示されている情報だけでは原因の特定が難しいですね。。
viewportの指定はどうなっていますか？
cssが読み込まれていないか、他のcssで上書きされているか、のどちらかだとは思います。developer toolsはご存じですか、それを使って該当箇所のcssを見てみるといいと思います。
詳細度を見なおしてみてはいかがでしょうか？
ちなみにその設定でタブレットではちゃんとpc表示されていますか?
関連するトピックス