1

http://jdem.cz/vzcy9のメニューで奇妙な状況に出くわしました。Windows 7、FF 13/14、IE 9、Opera 11 で開発したところ、問題なく表示されました。しかし、どの Linux ブラウザーでも、メニューは 2 行に広がっています (下の画像を参照)。

すべてのメニュー リンクのマージンとパディングを小さく設定しようとしましたが、役に立ちませんでした。

誰かがどこに問題があるのか​​ について考えを持っていますか?

ここに画像の説明を入力

4

2 に答える 2

1

アドバイスありがとうございます。これは、Linux に存在しないフォント (Georgia) の問題でした。同等の Linux ははるかに「広く」、レイアウトが壊れていました。

追加した：

    font-family: "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, Times, "Times New Roman", serif;

これで問題は解決しました。

于 2013-02-17T16:00:31.083 に答える
0

This happens because of different font-rendering. Even if the font you use is the same, it may be rendered slightly differently. For this reason you should always allow for text to grow or shrink a bit without breaking your layout. In your case it can be worked around in several ways without affecting the layout much:

  • By setting white-space: nowrap on the #access element.
  • Set the width or max-width of the #access a elements.
  • Reduce the horizontal margin on the #access a elements by a pixel or two.
于 2012-09-22T13:02:01.357 に答える