レスポンシブに対応する

目的

muragonのカスタマイズ。
デザイン編集でHTMLを変更できる。この為、メディアクエリを用い、レスポンシブWebデザインに変更する。

HTML

<meta name="viewport" content="width=device-width">

CSS

画面幅768pxの時、表示を切替える。この時、各要素を定義する。

@media screen and (max-width:768px) {
}