2009-02-28 7 views
2

dpiが96より高く設定されていると気付いて、120のサイトがfirefoxまたはie7のいずれかを使って台無しになる。 CSSは基本的に壊れます。誰もがこれに対する修正を知っていますか?96以上のdpi設定

おかげ

psのサイトでは、ユーザーがWindowsのDPI設定を調整した場合何が起こって防ぐことができます修正プログラムが本当にありません

http://www.iaddesignandstudio.com

のthnx

答えて

1

です。 Windowsを「大きなフォント」モードに変更するか、デフォルト以外のDPI設定に設定すると、IEのすべてのレイアウトに影響します。

ただし、これによりサイトが大量に破損することはありません。多分、値の丸めのために、少しずれているでしょう。

あなたが実際に指摘しているサイトは、フォントサイズが変更されたときにかなり大きく壊れます。たとえば、ブラウザでデフォルトのフォントを変更したり、Firefoxを「ズームテキストのみ」に設定したりします。ボタンからのテキストは完全にボタンを離れ、他の場所でホバリングを開始します。

これは、少なくとも上部のボタンでは、ボタンの行全体が1つの背景画像で、その内部のテキストが背景画像と一致する浮動要素であることが主な原因です与えられたフォントサイズ - サイズと位置の調整。バックグラウンドによって狂ってしまいます。

デザイン時には、常にズーム設定(IE7とFirefoxでは)とフォントサイズ(Firefoxでは「ズームテキストのみ」を使用)を変更し、サイズが変更されているものがサイト。条件によっては、 "pt"で指定されたものが拡大縮小され、 "px"で指定されたものは縮小されません。

あなたはそれを修正する可能性がどのように

それはあなたのヘッダーとすべてのボタン/タブを含むピクセル単位で特定のサイズであるように、すべてを設計したことは明らかです。これを行うには、ヘッダーDIVをposition:relativeに宣言し、H1、H2、およびULをピクセル値(包含divに対する)を使用して絶対的に配置します。簡略化するために、DIVから余白、パディングなどを削除します。ピクセルを使用して、LI要素の幅、高さ、および余白を指定します。

何らかの理由で人は自分のブラウザで有効になって本当に大きなフォントを持っていた場合、それを処理するためにきれいに伸ばしなるように、私は

通常のどうなるのか、私は、柔軟であることを、このようなものを構築します。あなたの背景イメージでは実際には可能ではありません。なぜなら、それらは特定のサイズのものだけを構築するからです。だから私はヘッダーの背景を繰り返し、私は別々にそれぞれのボタンのそれぞれの背景をしたいと思います。明らかに、これはより多くの作業になるでしょう。

5

このサイトでは、固定サイズのレイアウトを使用していますが、ユニットpxptが混在しています。画面のdpiを変更すると、これらのユニットの相対的なサイズが変更されます。つまり、サイトはデザインによって破損しています。

あなたは何をすべき:

  • は、画面レイアウトのためのptを使用していない - pt
  • は、リキッドレイアウト上に読んで、相対的な単位印刷するためであるem
関連する問題