设置固定高度，不改变宽度

Question

我想让图像保持在一定高度，但我也希望它保持在用户屏幕的宽度。

这是图片的CSS：

#cafe {
  max-width: 100%;
  height: 700px;
}

这是输出：

Answer 1

你可以试试这个

#cafe {
  width: 100%;
  height: 100vh;
}

这里'vh'表示自动获取用户屏幕高度的VIEWPORT HEIGHT。