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

Question

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