Question

我目前差不多完成了一个网站的建设。当我在浏览器中进行预览时，有一个页面，当在Chrome中打开时，导航栏和文本会变小。这是唯一一个这样做的页面，而且它只发生在Safari中。当我在Safari和Firefox中打开时，它的工作方式应该如此。所有页面都链接到相同的样式表和样式引用。有什么想法吗？

＆＃13;

#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;
}

＆＃13;

<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>

＆＃13;

Answer 1

看起来您在定价后缺少结束标记：

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

Safari中的网站页面与Chrome相比有所不同

1 个答案: