【JavaScript】IE6でもmin-width, max-widthを使えるようにする
結局使わなかったけど、今後使う機会がありそうなのでメモ。
IE6で
min-width
max-width
min-height
max-height
を指定するやり方。
一番簡単なのはminmax.jsというJavaScriptを読み込むのが早い。
body要素だけでなく、imgタグなどにも適用してくれるので便利。
欠点は適用されるまで(表示した瞬間は)元のサイズで表示されてしまうこと。
さらにie8だとエラーが起きるので、回避の仕方としてはtry catchを以下のように記述する。
36行目あたり
try {
em.style.setExpression('width', 'minmax_checkFont()');
document.body.insertBefore(em, document.body.firstChild);
}
catch(err){}
バージョンアップで対応してるかも。この時点でのバージョンは1.0