IE8とIE9でフォントサイズの変更ができない

質問

はじめてWEBサイトを制作しており、ある程度できあがったので、
いろいろなブラウザで確認していたのですが、
IE8とIE9で表示→文字のサイズ→最大にしても文字サイズが変更されません。

CSSはYahoo! UI Libraryのreset-fonts.cssを使用して、初期設定を１３pxとして、
その他の要素は、％で指定しているのですが、なにか間違っているのでしょか？

IE7やその他のブラウザなら文字サイズは変更できます。

なにか原因と対策がありましたら、教えてください。

よろしくお願いします。

回答No.1

ORUKA1951 · ベストアンサー

有名なIEのバグです。本来はカスケーディングの仕組みは
ユーザーの最重要宣言＞著者の最重要宣言＞著者の宣言＞ユーザの宣言＞ブラウザの宣言
のはずなのですがね。
そこで
<link rel="stylesheet" href="/CSS/persistent.css">
<!--[if IE]>
<link rel="stylesheet" href="/CSS/IE.css">
<![endif]-->
<link rel="stylesheet" media="screen" href="/CSS/stanard.css">

persistent.css ----
font-size:14px;
h1,h2,h3,h4,h5,h6,p{margin:0;line-height:1.6em;}
p{text-indent:1em;}
font-family:**********************略
}

IE.css
font-size:75%;/* IEのデフォルトは16pxなので */

standard.css{
h1{font-size:1.6em;}

とか。
　ただし、IEでもCtrl+＋、Ctrl+― で拡大伸縮はできます。

文字エンコードをShift-JISにしたりすると回避される場合もあるなど、IEにはfontに関して多くのバグがあり、一向に改善もされません。そのテストのためだけにIEを起動しなければならないウェブデザイナー泣かせのブラウザです。

お礼

すばやく回答して頂いたのに、お礼が遅くなってしまってすいません。

はじめてサイト制作をしているのですが、イメージしてたよりIEにはバグがたくさんあるのですね…。
ほんとに泣きそうになります。

Yahoo! UI Libraryのreset-fonts.cssを使用すれば、すべてのブラウザで初期値は13pxになると思っていたのですが、どうやらIE8,9ようのハックは書かれておらず、フォントサイズが固定されてしまうようです。

教えて頂いた方法を参考にチャレンジしてみます。

解答ありがとうございました！！

回答No.2

神崎 渉瑠（@taloo）

>IE8とIE9で表示→文字のサイズ→最大にしても文字サイズが変更されません。

ブラウザの設定で、CSSよりもブラウザ設定を優先するようになっていますか？

お礼

解答ありがとうございます。

>ブラウザの設定で、CSSよりもブラウザ設定を優先するようになっていますか？

それはIEのインターネットオプションでwebページで指定されたフォントサイズを使用しない。
などのチェック項目のことでしょうか？(もしそれならばしていません。)

基本的にはCSSが優先で、基本のフォントサイズを13pxとし、それを基準に他の要素は％指定したいと思っているのです。

なにか解決方法ございましたら、よろしくお願いします。