我目前几乎完成了一个网站的构建。当我在浏览器中预览时,有一个页面,在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>