Как использовать ширину в @media запросах CSS - PullRequest
Новая
       9

Как использовать ширину в @media запросах CSS

0 голосов
/ 28 июня 2018

У меня установлена ​​ширина внутри @media, но она не работает! Следуйте коду: 

mat-toolbar {
    app-toolbar-left {
        width: 35%;
    }

    app-toolbar-right {
        width: 22%;
    }
}

@media (min-width: 1024px) {
    app-toolbar-left {
        width: 25%;
    }

    app-toolbar-right {
        width: 17%;
        margin-right: 1.5%;
    }
}

Я сомневаюсь, что css margin-right работает, почему width нет? Просто появляются в инструментах Google Dev, но есть след ... Есть некоторые правила, которые я забыл или не знаю? Если я установлю! Важно работает, но я знаю, что это не очень хорошая практика. Кто-нибудь, чтобы помочь? Большое спасибо! Это такая простая вещь, но я не могу! =)

1 Ответ

0 голосов
/ 28 июня 2018

Попробуй так: 

@media (min-width: 1024px) {
    mat-toolbar {
        app-toolbar-left {
            width: 25%;
        }

        app-toolbar-right {
            width: 17%;
            margin-right: 1.5%;
        }
    }
}

Я думаю, что проблема в том, что ваши селекторы менее детализированы в ваших медиа-запросах.

...