css - 滚动条自带大尺寸图片

Question

我正在设计一个只包含图像的网页(图像会随时间变化)。图片的尺寸不固定。所以我计划在垂直和水平居中显示图像。对于水平居中，我使用 margin:0 auto; 对于垂直居中，我使用 line-height 和 vertical-align，如 may SO answers 中所述。为了限制尺寸比窗口大的图像，我在图像标签中使用了 max-height, max-width 属性。

查看:fiddle {要查看发生了什么，请将图像替换为浏览器窗口中尺寸更大的任何图像。对于小图像，一切正常。}

我也分享快照:

1. 使用小图片:
2. 带大图:(希望你能看到右边的小滚动条)

我正在使用谷歌浏览器 (20.0.1132.17)

Answer 1

我认为你需要:

html, #container /* whatever your container is*/ {
    overflow: none;
}

---

编辑:

您必须发布包含您所指内容的实时页面。 JSFiddle 不足以解决这个问题。

你可以设置max-height: 100%，但是你还必须设置

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}