网站在不同的浏览器中看起来有所不同

Question

我正在测试我的网站，我注意到在Safari中它看起来与Chrome和Mozila不同。在验证器中检查了我的html和css，一切看起来都很好，所以不确定为什么会这样。

我验证了html和css，发现HTML中有1个错误，CSS中有3个错误，虽然它是第一次尝试所以它的混乱，我认为，但是什么可能导致这种情况发生？

贝娄是横幅的css，这个线性渐变会影响它吗？

伙计们，这是我的第一次尝试，这是我的第一次尝试，所以在回答时，请首先说英语，而不是代码语言:)。

    .main-header {
  width: 100%;
  box-sizing: border-box;
  margin: auto;
  height: 750px;
  background:
  linear-gradient(0deg, whitesmoke, transparent 70%, rgba(200,216,239,1)),
  url('../img/MainGib.jpeg') no-repeat center;
  background-size: cover;
  text-align: center;
}

Answer 1

不确定，但您可能需要为-moz和-webkit添加css：

-webkit-linear-gradient(0deg, whitesmoke, transparent 70%, rgba(200,216,239,1)),
  url('../img/MainGib.jpeg') no-repeat center;
-moz-linear-gradient(0deg, whitesmoke, transparent 70%, rgba(200,216,239,1)),
  url('../img/MainGib.jpeg') no-repeat center;