针对 Internet Explorer 6 中响应式设计的小屏幕

Question

这是不同的东西。 我需要使用 css2 和 vanilla js 为 IE 6 创建一个网页。 问题是我无法在 IE6 中定位嗅觉屏幕，所以我的设计在小于 1000px 的屏幕上被破坏。

在 chrome 和其他现代浏览器中，我正在使用媒体查询并且它工作得很好。

我已经阅读了几个黑客。 但 CSS 始终适用于所有屏幕尺寸，而不适用于较小的屏幕尺寸

HTML：

 <link rel="stylesheet" href="css/main.css">
    <!--[if IE]>
        <link rel="stylesheet" href="css/ie.css" />
    <![endif]-->

即.css：

   body {
       background: red;
   }

   @media screen and (min-width: 640px),
   screen\9 {
       body {
           background: green;
       }
   }

我怎样才能让它只在较小的屏幕上改变

Answer 1

已经在那里回答了媒体查询 Internet Explorer

IE6...是旧的。 所以我会使用javascript进行resize事件，如果窗口宽度小于1000px，我会向body添加一个特定的类

然后，您的 CSS 将通过使用添加到 body 的新类而不是媒体查询来响应。

就像是

/* Standard style */
body{background: red;}
.a-class{color: black;}

/* Responsive style */
body.resp-class{background: green;}
body.resp-class .a-class{color: red;}