Twenty Seventeenのメディア・クエリー

Twenty Seventeenのメディア・クエリーです。分割点とその用途について書いておきます。

(  )の中のスペースは、ばらついていますが、オリジナルの通りになっています。

@media screen and (min-width: 20em)

320px~479pxのスマホ画面

@media screen and (min-width: 30em)

480px~767pxのスマホ画面(大型スマホ)

@media screen and (min-width: 48em)

768px~1067pxのパソコン画面

@media screen and ( min-width: 67em )

1068px~1263pxのパソコン画面

@media screen and ( min-width: 79em )

1264px以上のパソコン画面

@media screen and ( max-width: 48.875em ) and ( min-width: 48em )

ログインユーザーに表示される上部のメニューバーの設定