Медиа-устройство CSS не подходит - PullRequest
Новая
       26

Медиа-устройство CSS не подходит

0 голосов
/ 01 ноября 2018

Я не понимаю, почему это не работает: 

@media screen and (max-width: 600px) {

    .contentBlockText {
        position: relative;
        display: inline;
        width: 100%;
        background: #f00;
    }

}

.contentBlockText {
    position: relative;
    display: inline;
    width: 66%;
    background: #fff;
}

Результат всегда показывает ширину окна с 66%. Также мой Samsung S9, он не меняет размеры. Я также попробовал параметр максимальной ширины с различной шириной. Тот же результат. Вы видите проблему? Я использовал этот механизм на каком-то другом месте в том же листе, и он работает ...

1 Ответ

0 голосов
/ 01 ноября 2018

Попробуйте изменить порядок блоков правил, поставьте запрос после значения по умолчанию. Я столкнулся с похожим поведением, и это сработало для меня.

EDIT: Я не обращал внимания. Вы не можете установить ширину или высоту для встроенных элементов. Просто сделайте это inline-block. Все должно быть в порядке.

"Ширина встроенного элемента - это ширина содержимого. Высота и ширина встроенного элемента не могут быть заданы в CSS. Вы не можете установить высоту и ширину элементов уровня блока в CSS." https://web.stanford.edu/class/cs193x/lectures/05/block-inline

...