целевые маленькие экраны для адаптивного дизайна в inte rnet explorer 6

Question

это что-то другое. Мне нужно создать веб-страницу для IE 6, используя css2 и vanilla js. проблема в том, что я не могу ориентироваться на экраны запаха в IE6, поэтому мой дизайн ломается на экране размером менее 1000 пикселей.

в chrome и других современных браузерах, я использую медиазапрос и он отлично работает.

Я читал о нескольких взломах. но CSS всегда применяется ко всем размерам экрана, а не к меньшим

HTML:

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

ie. css:

   body {
       background: red;
   }

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

как я могу изменить его только на маленьких экранах

Answer 1

Уже там уже ответил Медиа-запросы inte rnet explorer

IE6 ... устарел. Поэтому я бы использовал javascript для события resize, и если ширина окна меньше 1000 пикселей, я бы добавил указанный c класс к телу

Тогда ваш CSS будет реагировать с помощью новый класс, добавленный в тело вместо медиазапросов.

Что-то вроде

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

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