2006/12/21

minmax.js - IEでCSSのmax-widthなどを使えるようにするライブラリ


minmax.js(doxdesk.com)

FireFoxなどでは、以下のCSSを使えてとても便利です。
  • min-width  ・・・要素の最小幅
  • max-width ・・・ 要素の最大幅(指定幅までしか広がらない)
  • min-height ・・・ 要素の最小の高さ
  • max-height ・・・ 要素の最大の高さ(指定の高さまでしか広がらない)
でも、これはIEでは使えず大変不便です。

上記CSSをIEでも使えるようにするのが、minmax.jsです。

・サンプル



minmax.jsの読み込みをコメントアウトしている状態だと、IEでは次のように表示されます。

minmax.jsイメージ

コメントを外して、minmax.jsを読み込むと、IEでもmax-widthが有効になってます。

minmax.jsイメージ

これは便利!


(余談)なんか’さきすせそ’になってますがこのままで(笑)。
feedpath tags: , ,   generated by feedpath

スポンサーリンク


このエントリーをはてなブックマークに追加




Twitter ではブログにはない、いろんな情報を発信しています。


コメント

コメントを書く



プロフィール

  • 名前:fnya
    経歴:
    SE としての経験は15年以上。様々な言語と環境で業務系システム開発を行い、セキュリティ対策などもしていました。現在は趣味SE。

    Twitter では、ブログでは取り上げない情報も公開しています。


    ブログについて

    このブログは、IT、スマートフォン、タブレット、システム開発などに関するさまざまな話題を取り上げたり、雑感などをつづっています。


    >>ブログ詳細
    >>自作ツール
    >>運営サイト
    >>Windows 10 まとめ

    Twitter のフォローはこちらから Facebook ページはこちら Google+ページはこちら RSSフィードのご登録はこちらから