IE7で追加された新機能の一つに「ズーム機能」があります。
「Ctrl」キーを押しながらマウスホイールをぐりぐり動かすと、IE6までは文字サイズが変わってたんですが、IE7からは画面全体の拡大/縮小をするようになりました。
ぶっちゃけ、Operaの機能のパクリなんですけど……
ま、表示されてる画像も拡大できるという利点があるのでそれはそれでよいのですが、やはりただではすまないのがIEらしく、またもや問題発覚です。
bodyに設定されている背景画像が拡大/縮小されません！
クライアントにIE7で拡大/縮小するとレイアウトが崩れると指摘されて確認してみてはじめてわかりました。
固定レイアウトで背景画像にコンテンツエリアの幅を規定するような画像を使っていると危険です。
中央寄せレイアウトで、背景に両サイドのラインをいれて、真ん中は白、両サイドはグレーにするとか、そういうの。
拡大すると、中のコンテンツがあふれます。
しかも、中央寄せレイアウトで縮小していくと……
いったいどこが基準で縮小されていっているんだかわからない。
はい、お気づきの通り、このブログのレイアウトがまさにそうです(笑)
まぁ、まずはお試しくださいませ。
念のため、元祖のOperaではどうなるのか確認してみたら、ちゃんと背景画像も拡大されました。
これって、IE7の仕様ですか？
それとも例によってバグじゃないだろうな。
仕様なんだろうな、きっと。
中途半端な実装しやがって！(怒)
会社の人と話してたんですが、文字サイズを可変にしてきれいにレイアウトできるコーダーがあまりいなかったんで、こんな機能をつけたんじゃないかって。
なんか、ありうる話。
たしかに、文字サイズ可変を考慮しながら実装するのって結構面倒な作業だし、HTMLも複雑になるし、大変なんだけど、でもねぇ、という感じもしなくはない。
無限に文字サイズを大きくできるFirefoxとか、そんなの完全に対応できるか！って思わなくもないし。
んー、まぁ、こちらとしてはけっきょく仕方ないと言うほかないんですよね。
納得いかない仕様とか、バグとかにいちいち対応していくほかない。
やれやれ。
