第 6 课 6 / 18 ｜ 编码：L06-09
核心知识

响应式媒体尺寸

媒体应适应容器宽度，同时保持原始宽高比。

  • max-width: 100% 防止超出容器
  • height: auto 保持比例
  • poster 可在播放前显示封面
video{
  display:block;
  max-width:100%;
  height:auto;
}