响应式网页设计¶

媒体查询¶

  @media (max-height: 800px) { /* 高度范围在[0, 800px]之间 */
    p {
      font-size: 10px;
    }
  }

    img {
        display: block;
        max-width: 100%;
        height: auto;
    }

<style>
  h2 {
      width: 80vw;
  }
  p {
      width: 75vmin;
  }
</style>