7

私は困惑しています。クライアントと私はどちらも XP マシンで Firefox 3.0.12 を実行しています。異なるマシンの同じブラウザーで同じページを表示すると、異なる結果が得られます。注: すべての IE ブラウザーは両方のマシンで一貫しており、私の FF 3.5.1 は私の FF 3.0.12 と一貫しています。(彼は比較するために FF 3.5.x をインストールしていません)。

彼のヘッダー div (すべての画像、テキストなし)が折り返される原因となる 1 ピクセルの違いがあります。私のは元気です。彼のヘッダーを 1 ピクセル (Firebug の CSS 編集を介して) 拡張すると、機能します。

だから私の質問は、レンダリングに影響を与える他の変数は何ですか??

まったく同じように機能するはずなので、「箱の外」で考えようとしています。

ブラウザのキャッシュをクリアしました。HTML ソースの diff を実行しましたが、javascript 日時スタンプと javascript トラッキング コード var を除いて、ソースは同一です。

この質問がソースで役立つことはわかっていますが、私のクライアントは、このページをまだインターネット上に公開することを特に望んでいません. また、webex セッションで問題を確認しました。最初は、結果が違うなんて信じられませんでした。

他の誰かが前にこのようなものに出くわしましたか? 次に何をチェックアウト/デバッグする必要がありますか?

編集：フォントを指す提案はたくさんありますが、ヘッダーは画像のみを使用しています. まあ、それは完全に真実ではありません.折りたたみ可能なメニューの一部であるdivがありますが、それらはすべてdisplay:none最初にレンダリングするように設定されているので、それは別のものだと思います.

編集 2:問題を再現するために、コンピューターのあらゆる種類のフォントとサイズ (システムの既定のフォント設定と Firefox 内の両方) を変更しました。レンダリング スタイルを変更しました (標準タイプとクリア タイプ)。なだ。問題はほぼ確実にフォントに関連していません。問題を再現するために、クライアントのコンピューターにさらにアクセスできるかどうかを確認する必要があります。

4

12 に答える 12

5

自分のブラウザでサイトを確認することはできないため、問題を特定するために使用するプロセスは次のとおりです。

  • 2つのブラウザが同じように見えるまで、コードブロックを1つずつ削除し始めます。

  • 最後に削除したコードのどのブロックでも、すべてが完全に整列しました（本文からチャンクが欠落している場合でも）、それは原因の近くにあります。

  • 犯人を見つけたので、すべてのコードを元に戻します。最初にフォントをいじり始めます。ブラウザが同じである条件が見つかるまで、フォント、サイズの変更、テキストの削除などを行います。フォントの問題ではない場合は、一致する条件が見つかるまで、フォントの他の部分をいじり始めます。

  • それが済んだら、問題がわかり、回避できます。

于 2009-08-03T21:56:21.373 に答える
5

Firefoxを使用している場合は、Ctrl-0を押してズームレベルをデフォルトに設定してください。

于 2009-08-03T22:02:52.063 に答える
3

FF3.0では、環境設定で最小フォントサイズ16を使用するように設定されているため、すべてが他の人とは異なって見えることを知っています。細かい印刷ができず、読みやすい文章が山積みになります。

また、Macの場合、デフォルトのフォントはサンセリフですが、Windowsの場合はすべてがセリフであり、フォントの幅と高さをさらに変更できます。

ページ上の何かが「em」または「ex」単位で指定されている場合、それらはフォントサイズによって異なります。

于 2009-08-03T21:55:07.257 に答える
2

プラグイン/アドオンを比較します。

于 2009-08-03T21:55:12.217 に答える
2

フォントスムージング設定はどうですか？同じですか（none / antialias / ClearType）？それは与えられたテキストの幅を変えることができ、あなたが探しているものかもしれません。

于 2009-08-03T22:00:57.167 に答える
2

両方ともまったく同じ画面サイズを使用していますか？Firefoxは、ページを表示している人の見かけのサイズ、または特定のピクセル数にフォントを拡大縮小しようとしますか？

于 2009-08-03T22:01:06.793 に答える
1

頭に浮かぶのは、インストールされているフォントです。クライアントにないフォントがある場合、計算されたサイズに1ピクセルの違いがある可能性があります。FFとIEの丸めが異なる可能性があります。これにより、動作が異なる理由が説明されます。

于 2009-08-03T21:55:11.173 に答える
1

私はさらに上のすべての「フォント」にほぼ同意しますが、サーバーとクライアントの間のプロキシなどによって一部のヘッダーが追加される可能性があるため、HTTPヘッダーを確認するのに役立たない場合。しかし、最初にフォントの提案を試してください...

幸運を ;）

于 2009-08-03T22:08:52.673 に答える
0

異なるオペレーティングシステムには、異なるフォントレンダリングエンジンがあります。大きく異なります。CSSの設定方法にもよりますが、少なくとも1ピクセルの違いを引き起こすには十分すぎるほどです。

于 2009-08-03T21:52:27.683 に答える
0

私はこの問題を一度見ましたが、ユーザーがページをズームしたことが判明し、ズームによって数学の丸めの問題が発生しました。うっかりページを 120% にズームしてしまったのですが、通常の 100% しかありませんでした。

于 2012-05-24T19:13:12.720 に答える
0

私の最初の推測は、ウィンドウに関係するものです.Firefoxでこれが起こったことを思い出せませんが、とにかくウィンドウのサイズを変更してみてください. 隠しフレームなど、実際にそのスペースを占める幅が 1px のものが存在する可能性もあります。あなたが実際にどのように作ったのかわからないので、これらは完全に的外れかもしれません.

考えられる回避策は、img タグを使用する代わりに、画像の 1 つを div の背景として表示することです。これにより、画像が 1px ずれている場合、ラップする代わりに単純に切り捨てられます。

于 2009-08-04T23:39:34.303 に答える