0

私はナビゲーションメニューを扱っています。ドロップダウンはなく、単純な古い水平ナビゲーション メニューです。私が直面している問題は、ページが 1280 x 768 の画面に読み込まれると、メニュー テキストが著しく大きくなり、メニュー項目が次のレベルに押し下げられることです。私の 1600 x 900 の画面では、すべて問題なく表示されます。両方の PC で Firefox を使用しています。1 台の PC は Windows 7 で、もう 1 台は 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 &amp; Calulators</a></li>
        <li><a href="about.php">About Us</a></li>
        <li><a href="vehicles.php">Vehicles &amp; 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 */

}

単語間に余白がないので、実際には同じ幅である必要があります。

4

1 に答える 1

0

誰かがこの問題に遭遇した場合。これは、私が使用していた Web フォントの問題でした。さまざまなサイズで、さまざまな間隔がありました。フォントを変更したとき、問題はありませんでした。

于 2016-03-24T01:01:36.803 に答える