HTML5/CSS 浏览器出现故障

Question

我刚把我的网站上线了。它的显示与我开始测试时不同。该站点是 http://www.se7enservice.com。这是我的网站，所以没有垃圾邮件。图片不会显示，但这里不需要。

当您查看此 JSFiddle 时，您会发现我的 'About' 部分看起来很正常。 https://jsfiddle.net/blackRob4953/z8qn39nj/

但是，当您转到实际的实时网页时，文字的边距会降低。这仅发生在 'About' 和 'Contact Us' 页面上。

任何人都可以向我解释为什么会发生这种情况，以及如何解决它？

**忽略下面这个样式代码，它在 JSFiddle 中是一样的，但我必须 post 代码才能粘贴 link...

body{
display: -webkit-flex;
display: flex;

-webkit-flex-direction: column;
flex-direction: column;

-webkit-justify-content: center; 
justify-content: center; 

margin: 0 !important;
min-height:100vh;
min-width: 1280px;
width: 100vw;
overflow: scroll;
}

Answer 1

从 #content{}

中删除 min-height: 200vh

HTML5/CSS 浏览器出现故障

HTML5/CSS Browser malfunctioning

html

css

height

viewport

width