HTML5
CSS3

レスポンシブデザインにしたはずが実機だとPCと同じ表示だった

やってたこと

CSSに@media screen and (max-width: 600px)みたいなことを書いて、スマホ用のデザインを組む。
開発中はウィンドウを小さくして確認しつつ進めて、良い感じになったらサーバにデプロイして実機確認。

…あれ、反映されないんですけどー、となった。

原因

CSSとかわかんねぇなぁ、なんて思いながらあれこれ試しても解決せず。
最終的に辿り着いた原因は、HTML側でした。

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

これが要る。