0

私は6つの項目を持つメニューバーを持っています:

ここに画像の説明を入力

ここに画像の説明を入力

ズームイン/ズームアウトすると、レイアウトが変わります:

なぜこれが起こっているのでしょうか？

CSS:

.menubar {
float:left;
width:920px;    
background:url(../images/nav-back.png) top left repeat-x;
height:52px;
    padding:9px 10px 8px 10px;
    margin-bottom:32px;
 }
.menubar ul {
   float:left;
   background:url(../images/nav-bg.gif) top left repeat-x;
   width:100%;
   display: block; 
}
.menubar li { float:left; background:url(../images/depth.gif) top right no-repeat;   }
.menubar li.last { background:none;  }
.menubar li.first a { padding:16px 42px 16px 43px; }
.menubar li.last a { padding: 16px 43px 16px 44px; }
.menubar li a { padding:16px 18px; display: block; }
4

2 に答える 2

0

@lolerが言ったように、これは固定サイズのプロパティで発生する可能性があります。すべてのサイズプロパティをem（またはパーセント）で作成してみてください。それはあなたの問題を解決するはずです。Emは、ブラウザのフォントサイズに応じた相対値です。したがって、スクロールインおよびスクロールアウトすると、サイトは常に同じように見えます。

于 2012-09-07T09:25:35.040 に答える
0

これは、コードの一部が中にpercentsあり、別の部分が固定サイズになっているためです。しかし、あなたの質問にはコードがないので、それを改善する方法を言うことはできません。

于 2012-09-07T09:14:14.693 に答える