昔制作されたページをレスポンシブ化するときにメディアクエリ（@media）が効かなくて困ったので、そんなときに確認することをまとめました。 viewportを書いていない<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> メディアクエリは<head>内にviewportの記述がないと動いてくれません。 まずはじめに確認した方がいいかも。 昔のページならなおさら。 Media Queries(@media)の記述がおかしい@media screen and (min-width:769px){ /* PC用CSS -------------- */ .hoge{ display: none; } } @media screen
