レスポンシブデザインが効かない
レスポンシブデザインのcssの分岐の仕方は下のサイトが役に立った。
ここを参考にして、CSSの中でwidthを指定する方法で切り替えを実装したんだけど、これだけでは切り替わらなかった。
これだけでなく、viewportの記載というのが必要らしい。
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
これを適用したいhtmlファイルの<header>~</header>内に入れるだけでおけ。
この記事へのコメントはこちら