2009年4月15日アーカイブ

尊敬する人は？と聞かれて、杉下右京とキッパリ言い切る面接の夢を見ました、ioriです。

私的には有りですが社会的にはナシかなと朝から軽く悩みました。

■zoomとはなんぞや

さて先日言っていたzoomについて、軽く調べてみました。

簡単に言うと、zoomは名前の通り、「拡大縮小」を指定する為のプロパティです。

指定する値は具体的な数値か%のどちらか。

1、または100%で拡縮なしの原寸表示になります。

「この画像は拡大して見せたいんだ！」なんて時に利用するのが本来の使い方のようです。

しかし、このプロパティを使って画像を拡大すると、画像自体の大きさは変わらず指定値まで画像を引き伸ばして表示する為、あまり綺麗とはいえない画像になってしまうので注意が必要。

さらに、このプロパティはIEの独自拡張ゆえに、Firefoxなどのモダンブラウザには対応してません。

使いどころが、正攻法でいくとぶっちゃけあんまり無い感じのするプロパティです。

しかしこのzoomプロパティにはちょっと便利な機能が隠されています。
それは、hasLayoutの値をtrueに出来る事。

他のブラウザは大丈夫なのに、IEで見た場合だけfloatしたBOXがはみ出る。

などのIEだけに起こるバグは、大体このhasLayoutの値がfalseになっているという場合が多いようです。

hasLayoutの値をtrueにしてあげる事で様々なバグを回避できるので、このプロパティは結構便利です。

他にもhasLayoutをtrueに出来るプロパティには、widthとか（値を設定する）、height（値を設定する）とか
ありますが、要素によってはwidthやheightは設定できない場合も多々あるので、zoom:1が一番使い勝手はいいように思います。

過信はマズイですが、IEだけでどうーしても表示がうまくいかないって時にはzoom:1を試してみるのも一手かも？！

で、後半散々出てきたhasLayoutについての掘り下げは、また後日に。

自分の勉強も兼ねてさくっとまとめてメモぺったんしたいとおもいます。