0

問題のウェブサイトはhttp://oxfordbeach.com/bynight/です。

ブラウザのサイズを変更すると、ナビゲーションバーは最終的にiPhoneのドロップダウンメニューに入ります。ただし、幅が約900ピクセルの場合、ナビゲーションバーは「連絡先」リストアイテムに適合しません。

初歩的なCSSの質問をお詫びしますが、試してみました。

  • ヘッダーのサイズを％に変更
  • ナビゲーションバークラスのサイズを％に変更
  • 個々のリストアイテムのサイズ変更

ただし、ブラウザが約900ピクセルの場合、100を指定または取得すると、ナビゲーションバーが正しくレンダリングされないという事実を回避できないようです。

どんな助けでも大歓迎です！

4

1 に答える 1

2

リンクのパディングを30pxから25pxに減らすと、次のようになります。

.sf-menu li a {
    padding: 0 25px;
}

このパディングを固定ピクセルではなく％に設定して、メニューの応答性を高めることもできます。計算はあなたに任せます。

于 2012-06-15T21:54:11.580 に答える