【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

コメント

このブログの人気の投稿

【.NET】DataGridViewを選択した際に背景色を変更しない

Can't open PID file /var/run/nginx.pid (yet?) after start: Too many levels of symbolic links

【PostgreSQL】ROWNUMのように行番号(現在行)を取得するROW_NUMBER