Целевая IE11 и ширина экрана одновременно - PullRequest
Новая
       6

Целевая IE11 и ширина экрана одновременно

0 голосов
/ 24 января 2019

Мне нужно нацелиться на IE11, а также на конкретные точки останова, потому что некоторые вещи не работают правильно на IE11.Я знаю CSS, который мне нужен для редактирования, но я не могу определить медиазапросы для правильной настройки IE и размера экрана одновременно.

Я пробовал приведенный ниже код и несколько вариантов каждого.

У меня вопрос, что здесь не так и как я могу это исправить, чтобы он работал? 

@media screen and (-ms-high-contrast: active) and (min-width: 1200px),
       screen and (-ms-high-contrast: none) and (min-width: 1200px) {
          .scene-info {
               CSS GOES HERE
       }
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none), screen and (max-width: 991px) {
       .scene-info {
            left: 1px;   
       }
}

1 Ответ

0 голосов
/ 25 января 2019

Попробуйте изменить ваш код, как показано ниже: 

<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        .scene-info {
            background-color: red;
        }

        @media screen and (-ms-high-contrast: active) and (min-width: 1200px), screen and (-ms-high-contrast: none) and (min-width: 1200px) {
            .scene-info {
                background-color: palegreen;
            }
        }

        @media screen and (-ms-high-contrast: active) and (max-width: 991px), screen and (-ms-high-contrast: none) and (max-width: 991px) {
            .scene-info {
                left: 1px;
                background-color: aqua;
            }
        }
    </style>
</head>
<body>
    <p>This is a reference p.</p>
    <p class="scene-info">This then, is the test itself.</p>
</body>

Вывод так:

enter image description here

Подробнее о CSSСМИ, пожалуйста, проверьте @ Правило СМИ и эта статья .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...