Skip to main content.

Wintryblasts Blog

CSSでもサイズをパーセント指定してみる。

IEで文字を縮小拡大させるために文字サイズをパーセンテージで指定してみた。

例えば、font-size:90%; のようにするのだが、なぜかFirefoxとIE7では同じサイズなのにIE6だと大きくなる。

なぜだろうと思ってさんざん調べると文字コードとフォントファミリーが原因でずれることが発覚。
UTF-8でfont-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;とするとIE6だけ文字が大きく表示されてしまいます。

対策はCSSハックで実施しました。
body { font-size:90% !important; /* IE7 */ font-size:80%; /* IE6 */ }
html>/**/body { font-size: 12px; } >/*Firefox*/

なんだか付け焼き刃的にCSSが長くなっている気がしますね・・・

Comments

No comments yet

Add Comment

このアイテムは閲覧専用です。コメントの投稿、投票はできません。

About

YK
岐阜県の
ウェブデザイナーです。
興味のあることは、
Ruby on Rails,PHP,
ActionScript,XHTML,
CSS,Ajax...などなど

Feeds

RSS 2.0
Atom

Links

Wintryblasts Home
Wintryblasts.comのトップページです。

Nucleus CMS Japan
Nucleus CMS Japan official page.

WAVACオーディオラボ
素晴らしい真空管アンプを製作しているWAVACオーディオラボのホームページ。

CMONOS : http://cmonos.jp/
簡単インストールが特徴の中小規模サイト向けCMS。豊富なツールが使えます。

Login

Contents end