Медиа-запросы между шириной

Question

Я хотел бы изменить padding-left на 24px между 769px и 1340px, но мой текущий медиа-запрос не работает. Ищу решение этой проблемы.

@media(min-width:1340px){
    .target-side-col li{
        padding-left:60px;
    }
}

@media(min-width:769px && max-width:1340px){
    .target-side-col li{
        padding-left:24px;
    }
}

css media-queries

0

Ao C 6 Сен 2016 в 19:51

Answer 1

Правильный синтаксис:

 @media (min-width: 769px) and (max-width: 1340px) {
         .target-side-col li{
                padding-left:24px;
          }

    }

4

raven 6 Сен 2016 в 16:53

Answer 2

Правильный способ использования медиа-запроса заключается в следующем.

@media only screen and (min-width: 769px) and (max-width: 1340px) {
your style here
}

0

Zaryab Waseem 6 Сен 2016 в 16:55

Answer 3

Попробуйте использовать этот синтаксис.

@media screen and (max-width: 1340px) and (min-width: 769px) {
.target-side-col li{
 padding-left:24px;
    }
}

2

puneeth8994 6 Сен 2016 в 16:59

Медиа-запросы между шириной

3 ответа

Похожие вопросы

Новые вопросы

css