[HP]反応式Web復習

723 ワード

テキストリンク

応答型Web

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

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

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

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

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

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

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

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

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

@media screen and 768px and 1500px

移動
: ~768px

タブレット
: 768px~1024px

デスクトップ
: 1024px~

この問題について([HP]反応式Web復習), 我々は、より多くの情報をここで見つけました https://velog.io/@_leehyeryeong/PHP-반응형-웹-복습

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol