Проблемы с несколькими медиазапросами для задания конкретных c изменений дизайна в зависимости от размера экрана - PullRequest
0 голосов
/ 22 марта 2020

Я сейчас работаю над заданием для своего класса и столкнулся с запутанной проблемой. Я добавляю @ media запросы, чтобы сайт реагировал на экран разных размеров. У меня есть три следующих запроса в следующем порядке:

@media screen and (max-width: 980px) {...}
@media screen and (max-width: 768px) {...}
@media screen and (max-width: 575px) {...}

Каждый (скопированный и вставленный из моего проекта) имеет код CSS для различных разделов страницы в зависимости от того, что необходимо изменить. Первый работает отлично. Второй, кажется, работает, пока я не добавлю правило, влияющее на "ширину кнопки" и порядок: правило. Те, кого я имею в третьей группе, и, кажется, ничего не работает в этой группе. Когда я размещаю эти правила в других областях моего CSS или в первом разделе @media, они работают нормально.

Я закончил свою курсовую работу и сделал несколько поисков в Google и на этом сайте, но я не нашел то, что мне не хватает.

...