応答型Web

反応型ネットワークとは?どの画面で見ても、画面はデバイスのサイズに応じて応答します.これは、Webが調整可能であることを意味します.

リアクションWebページで使用するフォント

px
:デスクトップ、モバイル、ノートパソコンで同じフォントサイズを使用します.

em
:親のサイズの倍数に適用されます.

rem
:ブラウザのデフォルトサイズの倍数として使用します.(デフォルトサイズ:16 px)

vw
:ブラウザの横幅の影響を受けます.(1 vw=メイン画面幅の1/100,1 vw=10 px)

vh
:ブラウザの縦幅の影響を受けます.

media query

:インタラクティブWebを作成するためのCSS

@media 미디어 유형 and 조건 and 조건

ex)メディアタイプはスクリーン、最小幅768、最大幅1500

@media screen and 768px and 1500px

アプライアンスによる画面サイズの違い

移動
: ~768px

タブレット
: 768px~1024px

デスクトップ
: 1024px~