网站页面在 Safari 中看起来与 Chrome 不同



我目前几乎完成了一个网站的构建。当我在浏览器中预览时,有一个页面,在Chrome中打开时,导航栏和文本会变小。这是唯一执行此操作的页面,同样,它只发生在 Safari 中。当我在Safari和Firefox中打开时,它就像它应该的那样工作。所有页面都链接到相同的样式表和样式引用。有什么想法吗?

#header {
  background: linear-gradient(to right, #000066, blue);
  background-position: left;
  min-width: 1070px;
}
nav {
  text-align: center;
}
nav ul li {
  display: inline;
  padding: 10px;
  font-size: 20px;
}
<header id="header">
  <a href="index.html">
    <img src="Images/Eagle.png" alt="EJP Electric" id="homepage">
  </a>
  <div id="contact">Office: (231)-775-3799
    <br>Cell: (231)-920-3067
  </div>
  <nav id="main_nav">
    <ul>
      <li><a href="index.html">Home</a>
      </li>
      <li><a href="services.html">Pricing</li>
					<li><a href="WhyEJP.html">Why EJP</a>
      </li>
      <li><a href="contact.html">Contact EJP</a>
      </li>
    </ul>
  </nav>
</header>

定价后您似乎缺少结束标签:

<li><a href="services.html">Pricing   </a>  </li>

相关内容

最新更新