最大高度在FF中完美缩放图像，但Chrome具有滚动条

Question

所以我想要的页面只是一个可以扩展到窗口高度的方形图像。很好，很棒，我做：

img
{
   max-height:100%;
   height:100%;
   width:auto;   
}

并坚持使用中心对齐的div。 Firefox喜欢它，但坚持高度：100％。 Chrome不需要，但会为页面增加一点高度，因此会弹出一个滚动条。整个页面本身仍然呈现相同的最后一个像素，但Chrome似乎认为它的窗口比实际高一点。发生了什么事？

Answer 1

检查margin和padding元素上的html和body - 通常是一个隐藏的痛苦来源！

是的，我知道这是在我的评论中，但这样一来，问题就回答了： - ）