экран @media и (min-device-width: 1366px) и выше не распознаются

Question

по какой-то причине @media screen only and (min-device-width: 1366px) и выше (@media screen only and (min-device-width: 1600px) et c) не распознаются.

У меня есть div #contentSpace, который содержит еще один div #content. #contentSpace должен изменить размер в зависимости от разрешения / размера экрана.

HTML включает <meta content="width=device-width, initial-scale=1" name="viewport" />.

Я пробовал min-device.width, min-width, удален и включен only рядом с экраном. Это не помогает.

Например, это CSS работает:

@media only screen and (min-device-width: 100px) and (max-device-width: 719px) {
    #contentSpace{
        width: 90%;
        top: unset;
        right: unset;
        margin-top: 5vh;
        margin-left: 5vw;
    }

    #content{
        width: 90%;
    }
}

, пока это не работает ...

@media screen and (min-device-width: 1366px){
    #contentSpace{
        width: 70%;
        right: 15%;
    }
}

Любая помощь / совет / предложения приветствуются.

Спасибо

Answer 1

После часа удара головой о стену я обнаружил, что забыл закрыть одну из @media с}.