как мне исправить разные ответы в html и css

Question

Привет, ребята, я написал 6 разных адаптивов для своей страницы, но он просто прочитал один из моих стилей для всех, а остальные 5 стилей вообще не работают.

Я был бы рад, если бы вы могли помоги мне

Answer 1

Попробуйте следующее:

@media only screen and (min-width: 1024px) and (max-width: 1025px) and (min-height: 1366px) and (max-height: 1367px) {
 .header { width: 90%; }
}
@media only screen and (min-width: 768px) and (max-width: 769px) and (min-height: 1024px) and (max-height: 1025px) {
 .header { width: 100%; }
}