@johnyabramov

Почему не работает меда запрос?

Исходные данные:
есть сайт, без мобильной версии.
есть форма связи, всплывающая с помощью fancybox.
окно всплывает с шириной элемента, есть элемент
.feedbackform {
	background: #f9f9f9;
	width: 400px;
	height: 390px;
	margin: auto;
}


Хочется сделать для просмотра с мобильного телефона размер этого элемента большего размера, но такой медиа запрос ничего не меняет:
@media all and (max-width : 480px) { 
.feedbackform div {
	background: #f9f9f9;
	width: 800px;
	height: 1000px;
}
}


Подскажите пожалуйста почему?
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ответы на вопрос 4
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
div лишний. Если вы хотели таким образом дать больший приоритет (но тогда нужно было размещать div вначале), то надо просто разместить медиа запрос ниже основного стиля.
Ответ написан
@QSandrew
".feedbackform" используется
".feedbackform div" используется. В этом и причина, почему ничего не меняется
Ответ написан
@Alexey10
Все работает) 5c5d6ff6ab86a594179784.png

Кэш проверьте, или масштаб браузера проверьте (cntrl +)
Ответ написан
@hesrun
Странно, что Вы пишите в запросе до 480px, а форме написали 800px, по итогу у Вас горизонтальный скролл получится. Если делаете для мобилы, вытягивавайте на 100 процентов форму, чтоб она тянулась. На любом экране до ваших 480px

А, господин и у вас viewport не указан в хеде...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы