• RSS

[IE]IE6でも min-width、min-height、max-width、max-height を使う方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

またまたIE6ですが、

IE6 ではCSSの「min-width」「min-height」「max-width」「max-height」が効かないため、javascript などを利用して別途対応してあげる必要があります。

今回紹介させていただく minmax.js は、設置するだけでIE6でも「min-width」や「min-height」が使えるようになりますので、企業サイト構築時にIE6対応までやる場合は外せません。

minmax.js のダウンロード

以下のサイトから minmax.js というjavascriptファイルをダウンロードします。


minmax.js の設置

あとは minmax.js を <head>内に設置するだけです。


CSSでは、普通に min-widthmin-height を記述します。


IE6で min-width:500px の位置までブラウザの幅を縮めると、一瞬カクンッ♪となりますが、全く使えないよりはマシかと。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください