0

そのため、ユーザーがサブ ナビゲーション バーのアイテムをズームインまたはズームアウトし、最後のアイテムが別の行に移動すると、サイトのサブ ナビゲーション バーに問題が発生します。どうすればそれを制御できますか?

ユーザーがズームインまたはズームアウトしたときにサブ ナビゲーション バーを調整したくない

助けてください

以下に、私のサブナビゲーションバーのコードがあります

enter code here <div id="subnav" class="subnav-stores">
        <ul class="clearfix">

     <li style="font-size: 14px; padding-right:8px; text-align: center;"><a                        href="/stores/speedway" class="">Speedway</a></li>
<li style="font-size: 14px; padding-right:8px; text-align: center;"><a href="/stores/ina"           class="" >Ina</a></li>
<li style="font-size: 14px; padding-right:8px; text-align: center;"><a href="/stores/grant" class="">Grant</a></li>
<li style="font-size: 14px; padding-right:8px; text-align: center;"><a href="/stores/phoenix" class="">Phoenix</a></li>
<li style="font-size: 14px; padding-right:8px; text-align: center;"><a href="/stores/mesa" class="">Mesa</a></li>
<li style="font-size: 14px; padding-right:8px; text-align: center;"><a  href="/stores/flagstaff" class="">Flagstaff</a></li>
<li style="font-size: 14px; padding-right:0px; text-align: center;"><a href="/stores/bookmans-sports-exchange" class="">Sports Exchange</a></li>

次に、css サブ ナビゲーション バーをスタイリングするための css を示します。

      #subnav ul {
margin:1.6em 0;
list-style:none;
border:1px solid #d2cfc4;
border-radius: 6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
/*border-collapse: separate;*/ 
background-color: rgba(212, 209, 197, 0.3);
behavior:url(http://preview.drawbackwards.com/PIE.php);
position:relative;
z-index:0;
}
    #subnav li {float:left;
/*padding:8px;*/
border-right:1px solid #d2cfc4;
/*min-width:118px;*/
text-align:center;
font-size:14px;
padding:0 4px;
}
   .subnav-about li a {
    padding:4px 28px 5px 27px;
}
   .subnav-stores li a {
    padding:4px 33px 5px 33px;
4

2 に答える 2