クリエイター:コーディング備忘録ブログ

コーディング

メディアクエリ

レスポンシブデザインが登場し、解像度のシェアなどからwebサイトの横幅の重要度が下がりました。
PC向けの横幅は最大サイズが1,920pxとなります。
基準としては、960pxなどが1つの基準になるかと思います。

メディアクエリのサイズの基準となるのは、

1.タブレット 768px
2.スマホ横 480px・568px
3.スマホ縦 320pxなど

タブレットなどではPC表示になるのか
タブレットはPC表示に含むかスマホに含むかは、コンテンツによって異なります。
ですが、タブレットはスマホに比べ、ウェブサイトを閲覧しやすいため、PCレイアウトが適していると思われます。タブレットならpc表示でも閲覧しても大丈夫な時はありますが、スマホ表示の場合、ボタンや画像などの余白が冗長的に見えることが多いです。
コンテンツのデザインによりますが、PC向けのレイアウトのほうがよいでしょう

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP