滚动条带有一个大尺寸图像

Question

我正在设计一个只包含图像的网页（图像会随着时间而变化）。图像的尺寸不固定。所以我计划在垂直和水平中心显示图像。对于水平中心，我使用margin:0 auto;，对于垂直中心，我使用line-height and vertical-align，如可能的SO答案中所述。为了约束具有更大尺寸的图像，那么窗口我使用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;
}