我在http://www.ucsmun.co.uk有一个网站,可以在Windows机器上的Chrome上完美显示,但在Mac计算机上的Chrome浏览器上看起来就像这样。
白色区域会切断背景图像的一半。
我该怎么做才能解决这个问题?我有这个CSS的背景如下:
html,
body {
height: 100%;
}
和
#headerwrap {
background: url(../img/back.jpg) no-repeat center center fixed;;
margin-top: 0px;
padding-top:120px;
text-align:center;
background-attachment: relative;
background-position: center center;
min-height: 700px;
width: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
提前感谢您的帮助!
答案 0 :(得分:1)
将以下规则添加到#headerwrap
div
height: 100%;

如果我在您的网站上打开devtools并将其放入,则可行。见截图。窗口底部没有空格。