2011-10-25 10 views
2

私は、ウェブサイト上に3つのニュースを表示するカルーセルを構築しています。それはニュースのタイトルとニュース記事の最初の150文字を表示し、カルーセルのすべてのアイテムは同じ高さでなければならないので、私は各ニュースアイテムを高さに設定しました:182ピクセル;幅:210px;IE 9フォント幅レンダリング

IE 9以外のブラウザでは、すべてのブラウザが他のすべてのブラウザよりも少し幅が広いように見えるので、すべての項目の高さと幅が設定されているため、IE 9のテキストは4行他のすべてのブラウザが使用する3行の代わりに。そうすれば、他のすべてのものが外れてしまいます。他のすべてのブラウザと同じテキストを作るために行うことができるものがあるかどう

は、だから私は疑問に思って?

ありがとうございました。

J.

答えて

0

私は実際に他の誰かが同じ問題を抱えている場合に問題を発見しました。誰がこれを行うが、それは問題の原因かどう

わかりません。

私の身体に私は通常font-size:64.5%を置くので、その後使用するemフォントは基本的にピクセルサイズの10分の1ですので、14pxは1.4emなどのフォントサイズになります。

しかし、そうすることで、1.1emを使用しているときにIE9をスケールアップするように見えるので、body-cssをfont-size:100%にしてから、http://pxtoem.com/を使用して、すべてのブラウザでうまく動作しているようだ...これは他の誰かに役立ちます願っています:)

これはまた、いくつかの使用の修正がTHER何であるか、CSS http://msdn.microsoft.com/en-us/library/hh237264%28v=vs.85%29.aspx#using_spp_on_your_site

0

私もこれに気付きました。それはかなり刺激的です。私は、私が取り組んでいることのためのCSS修正を作成しなければなりませんでした。なぜIEはそれを正しく得ることができないのですか?それは開発時間の無駄を遅らせる。

+0

かもしれe?私は条件文を使うことを考えていましたし、IE9などのためにフォントウェイトを軽くしましたが、フォントを軽くすることはできません。 – JBoom

+0

@サイモン、これは質問に対する答えではありません。 – Gustavo