6
レスポンシブウェブサイトを作成していますが、IE8で動作するようには見えません。今、私はInternet Explorer 8以下がCSS3のメディアクエリをサポートしていないことを知っています。しかし、私はcss3-mediaqueries.js Javascriptファイル（Googleによってホストされています）を含めましたが、それでも動作しません。レスポンシブサイトがIEで動作しません（css3-mediaqueries.jsにもかかわらず）
ほとんどのコードを削除しました（文字通り26行のHTMLと34行のCSSを組み合わせただけです）。 HTMLが正常にHTML5として検証し、CSSはCSSレベルとして検証3.ここでは、コードです：
HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />
<title>Responsive Site</title>
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<link rel="stylesheet" type="text/css" media="only screen and (min-width:50px) and (max-width: 800px)" href="css/responsive.css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<div id="article"> </div>
<div id="side"> </div>
</div>
</body>
</html>
のcustom.css：
@charset "UTF-8";
/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
body {margin: 0px; padding:0px}
.wrapper {
width:78%;
margin:0 auto}
#article {
float:left;
width:61.224489795%;
margin:20px 0 0 0;
padding:0;
height:500px;
background-color:#000}
#side {
float:right;
width:30.775510204%;
margin:20px 0 0 0;
padding:0;
height:500px;
background-color:#999}
responsive.cssは、 ：
@charset "UTF-8";
#article {
width:100%}
#side {
width:100%;
clear:left}
解決策を見つけてうれしいです！ –