стиль не меняется (нужна помощь в медиа-запросе!)

0

я пытался сделать изображение в центре экрана и минимизировать размер на мобильном дисплее! в моем файле css у меня есть медиа-запрос

@media only screen and (min-width: 768px) { 
.wolver { display:block; width:100px; margin:40px auto !important;}
}

HTML-код для изображения

<img src="img/icons/wolverhampton.png" class="wolver"/>

Примечание. Я использую базовую структуру

Может ли кто-нибудь помочь мне с этой проблемой?

Теги:
zurb-foundation

1 ответ

2

min-width будет применять содержащиеся стили на экранах шире 768px. Чтобы применить CSS на экранах размером менее 768 пикселей, вы должны использовать max-width.

  • 0
    Спасибо друг ! Я новичок в медиа-запросах, спасибо за обнаружение ошибки ..!
  • 0
    Всегда пожалуйста.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню