CSS: Media query

1540 ワード
テキストリンク

Media query:インタラクティブなWebを作成するために必要な


反応式Web：

  • WebはCSSスタイルを採用し、デスクトップ、モバイルデバイス、タブレットPCに適しています.
  • に接続されているブラウザのサイズを調整します.

    • 必要な2つ


    HTML: viewport meta
    <head>
<meta name="viewport" content="width=device-width">

    CSS: Media query

    @media screen and (*min-width: 768px*) {
}
  • vh: viewport height. 1vh = 1% of vieport height
  • vw: viewport width.
  • vwに比べてvhが一般的である.
    • トランペットから編むのが慣例で、一番便利です.
    AndroidでRatingBarを表示する
    プログラマメニューの更新