3

私は Web 開発シーンに少し慣れていませんが、Chrome で非常に永続的な問題を抱えていました。

Compact News Previewerを使用して、データベースへの新しいエントリを表示しています。Firefox でデモを表示すると、すべてがぴったりと収まりますが、Chrome では左側の列の段落が切り捨てられます。以下に示すように、私自身の実装でも同じ問題が発生しています (注: 私の実装はデモとは少し異なります)。 クロムで段落テキストが切り捨てられる

この Web サイトにアクセスすると、この問題を自分で確認できます。

私が試したこと：

  1. CSS リセット- 異なる結果は得られません。

編集

Chrome V18.0.1025.151 を使用しています。Ubuntu でシステム アップデートを試す予定なので、明日チェックインして問題が解決するかどうかを確認します。

編集 2 明らかに最新バージョンの Google Chrome を使用していますが、このバージョンに問題がある可能性があります。しかし、他の誰も問題を見ることができない場合、おそらくそれは問題ではありません...

編集 3 Chrome の代わりに Chromium を使用していることがわかりましたが、違いがあることに気づきませんでした。代わりに Chrome 7 をインストールしましたが、Chromium と同じ問題が発生しています。また、突然、これらのブラウザのどちらも、私の jpg 画像の一部を表示できなくなりましたか? C̶h̶r̶o̶m̶e̶ ̶m̶u̶s̶t̶ ̶b̶e̶ ̶i̶n̶c̶r̶e̶d̶i̶b̶l̶y̶ ̶b̶u̶g̶g̶y̶ ̶o̶n̶ ̶U̶b̶u̶n̶t̶u̶!̶ <-- ヒューマンエラー!

4

1 に答える 1

2

この問題は、Chrome のデフォルトline-heightとページで使用しているフォントが原因のようです。Myriad Pro と Trebuchet MS は、Chrome のデフォルトで使用すると、リードが非常に広いようです。サンセリフでいいです。高さとセット.cn_list pが固定されているため、これらのフォントを提供する巨大な Chrome は、テキストをボックスから押し出し、切り取ります。overflow:hiddenline-height

いくつかのオプションがあります。

  • ルールまたは親要素のルールで、カスケード ダウンなどのline-height値を指定します。（または引き締めるのと同じようなものですが、YMMV.）.cn_list pbody11em
  • 固定の高さと隠れたオーバーフローを削除すると、グリッドが台無しになるため、おそらくデザインが壊れます。

ただし、 a を追加すると、line-heightうまくいくはずです。

HTML5Boilerplate のようなプロジェクトは、まさにこの理由で常にデフォルトを設定します。line-height

于 2012-06-26T15:56:33.170 に答える