ドットインストール - 3分動画でマスターできるプログラミング学習サービス

• Q1

  次のコードについて、正しい説明は？

  .box {
    height: 80px;
    padding: 8px;
    box-sizing: border-box;
    width: calc((100% - 8px) / 2); /* (A) */
  }
  
  @media (min-width: 600px) {
    .box {
      width: calc((100% - 16px) / 3); /* (B) */
    }
  }

  • ビューポートの幅が 800px のとき、(A) が反映される
  • height を calc() で計算している
  • ビューポートの幅が 640px のとき、(B) が反映される
  • ブレイクポイントが 80px で設定されている

  プレミアムプランに登録すると
  ミニクイズで理解度をチェックできます

  プレミアムについて詳しくみる

このレッスンの問題を報告する