screen_html/css_WEB-ITnoseに適応させるためにが外部CSSファイルを参照している問題について

CSS HTML アダプティブ

要点を単刀直入に。アダプティブスクリーンの効果を実現するために、 経由で外部 CSS を参照することで実現しました。
コードは次のとおりです

<link rel="stylesheet" type="text/css" media="screen and (max-device-width:1140px)" href="~/CSS/default/default1024.css" />    <link rel="stylesheet" type="text/css" media="screen and (min-width:1141px) and (max-device-width:1500px)" href="~/CSS/default/default1133.css"/>    <link rel="stylesheet" type="text/css" media="screen and (min-width:1501px) and (max-device-width:1800px)" href="~/CSS/default/default1500.css"/>    <link rel="stylesheet" type="text/css" media="screen and (min-width:1801px)" href="~/CSS/default/default1800.css"/>

問題は、コンピューターの解像度を変更してデバッグして実行すると、CSS は完全に正常に読み込まれますが、Web サイトを IIS に置くと、Chrome は通常通りに閲覧し、IE も 360 も読み込まれません。 CSSを使用しない場合、直接引用する場合も正常です
理由がわかりませんか？ ありがとうございます〜
ディスカッションに返信してください。 (解決策)

IE 初期の頃は、min_width はサポートされていませんでした

互換モードの場合は 360 それが初期の IE でした

この場合、JS を介して CSS を設定する方法を見つける必要があります

JS を使用するだけですフォームのサイズを決定し、CSS を設定します。

これを参照してください: http://my.oschina.net/lixx/blog/92386