У меня есть медиа-запросы, но почему-то для одного конкретного класса не работает. Для этого я использую модальность Bootstrap. Мне нужно, чтобы это работало лучше всего на ширине 420.Медиа-запросы не работают в Bootstrap с некоторыми классами, но с другими
Вот мой CSS код:
@media (min-width: 768px) {
.caracs{
width: 500px !important;
font-family: 'Poppins', sans-serif;
}
.panel{
text-align: center;
height: 255px;
}
.nombre-datos{
display: inline-block;
font-size: 0.8em;
text-align: justify;
}
}
@media (min-width: 992px) {
.caracs{
width: 810px !important;
font-family: 'Poppins', sans-serif;
}
.nombre-datos{
display: inline-block;
font-size: 0.8em;
text-align: justify;
}
}
@media (min-width: 1200px) {
.caracs{
width: 810px !important;
font-family: 'Poppins', sans-serif;
}
.panel{
text-align: center;
height: 165px;
}
}
Конкретно мне нужно:
.nombre-datos{
display: inline-block; /*Necesario para que los divs estén en el mismo renglón*/
width: 250px !important;
font-size: 0.8em;
text-align: justify;
}
Чтобы изменить. Я хочу удалить width: 250px! Important Свойство на маленьких экранах, когда я изменяю размер окна в моем браузере, он вообще не работает.
Вот несколько фото:
Это, как он выглядит на обычный вид экрана:
Вот как это выглядит реагирует на небольшие устройства:
Вот как я хочу, чтобы он выглядел, удалив указанное свойство (я тоже использую Firefox inspector/dev Ls удалить его):
Что происходит?
удалить важно! Определите в медиа запросе –
@HeadInCloud Вы имеете в виду удалить его из класса ** ** вне запроса? Или оба? Если вы имеете в виду снаружи, я уже сделал это и все еще не работает. – dawn
Вы пробовали редактировать css в средствах браузера dev, чтобы увидеть, работает ли это так? – kemosabe