小贝子编程

图像以Firefox为中心，但在Chrome上被截断

img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

<body style="margin: 0px;">
  <img src="http://i.imgur.com/I3gA11r.jpg">
</body>

在Firefox

和Chrome上尝试代码时，您将能够使用Firefox滚动整个图像，但不能使用Chrome滚动。

css 是否正确还是 chrome/webkit 错误？

试试这个简单的替代方案：

body { display: flex; }
img { margin: auto; }

<body style="margin: 0px;">
  <img src="http://i.imgur.com/I3gA11r.jpg">
</body>

有关详细说明，请参阅：无法滚动到溢出容器的弹性项目顶部

请注意，除IE 8和9之外，所有主流浏览器都支持flexbox。某些最新的浏览器版本（如 Safari 8 和 IE10）需要供应商前缀。要快速添加所需的所有前缀，请使用自动前缀程序。此答案中有更多浏览器兼容性详细信息。

相关内容