3

私は、PC と Mac のすべてのブラウザーで見栄えがよく、かなり標準に準拠した XHTML+CSS サイトを持っています。先日、Linux の FF3 でそれを見たところ、文字間隔がわずかに大きく、すべてがおかしくなり、テキストの不要な折り返しやクリッピングが発生しました。問題のCSSには

font-size: 11px;
font-family: Arial, Helvetica, sans-serif;

それが何にマッピングされていても、それが一般的なサンセリフで起こっていることは知っています。以下を追加すると、テキストは他のプラットフォームで得られるものに近くなるように縮みます。

letter-spacing: -1.5px;

しかし、これには厄介なサーバー側の OS スニッフィングが含まれます。これに対する純粋な CSS ソリューションがあれば、それを聞きたいです。

問題のシステムは Ubuntu 7.04 ですが、Linux ユーザーのすべてではないにしても、少なくとも大多数のために修正しようとしているので、これは関係ありません。もちろん、ユーザーにフォントのインストールを求めることはできません!

4

5 に答える 5

5

A List Apart には、CSS でのフォントのサイズ変更に関するかなり包括的な記事があります。彼らの結論は、emsテキストのサイズを調整するために " " を使用することです。これは、通常、ブラウザ間で最も一貫したサイズ調整が得られるためです。さまざまな OS について直接言及していませんが、ems を使用してみてください。それはあなたの問題を解決するかもしれません。

于 2008-09-06T15:02:07.550 に答える
1

WindowsのFF3で試しましたか？

個人的には、優れた CSS リセットは、ページをすべてのブラウザーで同じように見せるのに大いに役立つと思います。

于 2008-09-06T14:58:18.963 に答える
0

サイズ/間隔の違いは、通常、把握するのが困難です。できることは、Linux 用に調整されたこれらの値を含む Linux 固有の CSS ファイルを作成し、ユーザー エージェントが Linux の場合は、単純な JS ベースの検出を実行してその CSS を挿入することです。

これはおそらく最もクリーンなアプローチではありませんが、正常な HTML/CSS への侵入を最小限に抑えて機能します。

于 2008-09-06T15:46:46.787 に答える
0

ブラウザー間のフォント サイズの問題を解決する最も簡単な方法は、単純にエラーの余地を残しておくことです。div を少し大きくするか、フォントを少し小さくして、プラットフォームのバリエーションによって折り返しやクリッピングが大幅に変更されないようにします。

于 2008-09-06T14:56:35.660 に答える
0

あなたのサイトが通常以上の量の Linux ベースのトラフィックを予期していない限り、単に Linux を気にしないのではなく、「ユーザーが閲覧環境を調整する能力を犠牲にする」と、より多くの人に悪影響を与える可能性があります。経験。

とはいえ、 Linux の優れたエクスペリエンスが必要な場合は、現在の CSS 実装ではこれらの問題を制御するのが難しいため、フォント間隔の小さな変化でデザインが壊れる理由に対処する必要があります。

于 2008-09-07T17:36:52.990 に答える