css3-mediaqueries.js VS respond.js
respond.jsまたはcss3-mediaqueries.js？
公式ドキュメント、特にcss3-mediaqueries.jsのドキュメントはまばらです。 SO、フォーラム、および ブログ で読むこれらの長所と短所をまとめました。
respond.js
長所：
- より信頼できる（？ Modernizr 、 によって推奨されるTwitter Bootstrap 3 および H5BP ）
- より軽量（4kb）およびより高速
- 任意のコンテキストでメディアクエリを解釈します（
<link>、インラインCSS、@ import-ed CSS）
短所：
- ウィンドウのサイズ変更時に更新されません
min-widthおよびmax-widthのみをサポートemユニットをサポートしていません（巨大な弱点！）
css3-mediaqueries.js
長所：
- リアルタイムで反応します（サイズ変更時も！）
emユニットをサポートします（実際に？誰かがテストしましたか？）
短所：
- 重い（15kb）および遅い
- インラインCSSのみを で明示的に宣言されたmedia-type で解釈します
- 詳細なドキュメントがなく、プロジェクトは中止されたようです
リストに追加するポイント、共有する個人的な経験、またはいずれか1つのスクリプトの特定の好みはありますか？もしそうなら、なぜですか？
Mediatizr を含むテストページも作成しました。
誰かが興味を持っている場合は、 これはテストページです であり、これらは results です（IE8およびIE7でテスト済み）。
css3-mediaqueries.js
長所
min、maxおよびmin+maxメディアクエリをサポートpxおよびem値をサポート- ウィンドウのサイズ変更に反応
- ページ上のCSS（
<style>）と外部スタイルシートについて詳しく説明します
短所
widthmediaqueryをサポートしていません<link media="screen and ...">も@importedスタイルシートも詳しく説明していません
respond.js
長所
min、maxおよびmin+maxメディアクエリをサポートpxおよびem値をサポート- ウィンドウのサイズ変更に反応
- 外部スタイルシートのみを作成
短所
widthmediaqueryをサポートしていません- ページ上のCSS、
<link media="screen and ...">、@importedスタイルシートについて詳しく説明していません - JQuery
on loadイベントと組み合わせると、JavaScriptエラーが発生する可能性があります。これを解決するには、ページの最後にスクリプトを配置する必要があります
mediatizr.js
単に..動作しません
最終的に私はcss-mediaqueries.jsを選択し、条件付きで Modernizr をロードしました。