我正在使用导航菜单。它没有下降,它只是一个普通的水平导航菜单。我遇到的问题是,当页面加载到1280 x 768屏幕上时,菜单文本看起来明显更大,这导致菜单项被下推到下一个级别。在我的1600 x 900屏幕上,一切都很好看。我在两台PC之间使用Firefox。一台PC是Windows 7,一台是Windows Xp。我认为它可能是Cleartype但是禁用它并没有解决问题。文本间距是另一个想法,但设置也没有解决问题。我可以根据需要发布代码,但我觉得好像我已经排除了这一点。
<div class="wrapper clearfix">
<nav>
<ul id="nav" class="sf-menu">
<li ><a href="index.php">Home</a></li>
<li><a href="loans.php">Loans</a></li>
<li><a href="checkings.php">Checkings</a></li>
<li><a href="credit.php">Credit Cards</a></li>
<li><a href="debit.php">Debit Cards</a></li>
<li><a href="savings.php">Savings</a></li>
<li><a href="member_ed.php">Member Education & Calulators</a></li>
<li><a href="about.php">About Us</a></li>
<li><a href="vehicles.php">Vehicles & Homes</a></li>
<li><a id="last_item" href="">Mortgages</a></li>
</ul>
</nav>
</div>
CSS
nav{
margin-top: 0px;
height: 30px;
}
nav a{
text-decoration: none;
}
#nav li{
float:left;
}
#nav>li>a{
font-family:'Yanone Kaffeesatz', Arial, sans-serif;
font-size: 1.35em;
letter-spacing:.05em;
}
.wrapper {
width: 940px;
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
单词之间没有边距,所以它应该是相同的宽度。
答案 0 :(得分:0)
如果有人遇到此问题。这是我使用的网络字体的一个问题。在不同的尺寸,它有不同的间距。当我更改字体时,我没有问题。