Chrome上的边距格式不正确？

Question

我有一个网站（templenaylor.com），在mac上显示在firefox或chrome上很好，但在某些个人电脑上显示如下：

应如何显示：

我知道这是一个有点模糊的问题，没有编写代码，但是想知道是否有人之前遇到过这个问题，或者它是否只是我的chrome版本。我没有很多PC来检查网站，所以我在这里要求输入。 谢谢！

Answer 1

基本上，不同的pc具有不同的长度和宽度。举个例子，小imac会很好地显示你的网站，其他更大的版本27inch imac有不同的宽度和大小，因此，它会在屏幕上做出不同的反应。

例如，你需要检查你的css，这是一个很好的做法，可以使用响应网站的百分比。但在某种情况下，使用@ media规则是一个很好的做法。你可以将你的css设置为@ 1300px宽度（@media规则），关于@media规则研究这个http://www.w3schools.com/cssref/css3_pr_mediaquery.asp。我很确定这会解决你的问题，因为我以前在上一个项目中面临这个问题。但如果这不能解决你的问题。

您可能想要了解有关webkit扩展的更多信息。 https://developer.mozilla.org/en-US/docs/Web/CSS/Webkit_Extensions

我希望有这些。它会解决你的问题。欢呼声。

Answer 2

我在笔记本电脑上浏览了Chrome（v56.0.2924.76）中的这个网站，它制作了第二个截图（你想要的截图）。但是，我认为该问题与标题背景图像高度有关。您将其设置为100vh，但尝试100vmax，这相对于视口的较大尺寸的1％。这是CSS：

#header {
    height: 100vmax;
}