Html Chrome上的页边距格式不正确？

我有一个网站（templenaylor.com），在firefox或Mac上的chrome上显示良好，但在某些PC上显示如下：

应如何显示：

我知道这是一个没有代码笔的模糊问题，但我想知道以前是否有人遇到过这个问题，或者这只是我的chrome版本。我没有太多的个人电脑来检查网站，所以我在这里要求输入。

---

谢谢大家!

基本上，不同的pc有不同的长度和宽度。例如，小型imac可以很好地显示您的网站，而更大版本的27英寸imac具有不同的宽度和大小，因此，它在屏幕上的反应会有所不同

你需要检查你的css，例如，对响应性网站使用百分比是一个很好的做法。但在特定情况下，使用@media规则是一个很好的做法。您可以将css设置为@1300px宽度（@media rule），研究一下@media rule。我很确定这会解决你的问题，因为我以前在上一个项目中遇到过这个问题。但如果这不能解决你的问题

您可能想了解更多关于webkit扩展的信息

---

我希望有了这些。它会解决你的问题。干杯。

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

#header {
    height: 100vmax;
}

---

这将因他所说的不同而有所不同。您只需在

#标题上设置
最小高度（比如700px）。（在它工作的计算机上，只要尝试调整浏览器窗口的高度，你就会看到同样的问题。）事实上，我明白你的意思，根据你的屏幕截图，它们的分辨率都差不多，但我很确定这仍然是源于一个基本的高度问题。在Firefox和Chrome上对我来说都是一样的。我不认为这是一个解决问题。。。你可以在这些截图（）中加载URL栏中列出的网站，并以不同的分辨率进行尝试。“不同的电脑”你知道提供的两个截图是在同一台机器上捕获的，对吗？我不知道它是在同一台电脑上捕获的，因为关于这一点的问题并不十分清楚。但是如果它是在同一台pc上捕获的，那么解决方案可能是在media和webkit上使用。与chrome一样，firefox和IE在某些css样式上的反应也不同。此外，Mac电脑呈现网页某些元素的方式与PC电脑不同。例如，将此用于at media screen和（-moz windows主题）用于windows和@media screen和（-moz os版本）可能会纠正此问题：）