針對 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;}