質問: メディアクエリ、レスポンシブデザイン上手く表示されません。 htmk css初心者です。ホームページを作っているのですが
回答: Bootstrap というレスポンシブ対応の CSSフレームワークでは、スマホサイズの解像度を 576px をブレークポイントにしてますね。 ついこの間までは 480px だったのですが ver4.5 から少し解像度を上げたようです。 Bootstrap を採用しているテンプレートのほとんどは 480px ですね。 上記 URL のように CSS に、 @media (min-width: 576px) { ここにスマホ用CSS } と書けば適用されるはずです。 それ以前に、headタグ内に、 の1行がないと、メディアクエリが有効になりませんのでご注意を。