1

В одном и том же файле делают медиа запрос для:

@media all and (max-width: 1930px){
}

Он работает и все в порядке, но следом начинаю делать следующий:

@media all and (max-width: 415px){
	.golden_title h1{
		font-size:200px;
	}
}

и он никак не работает, страница не реагирует(через F12 изменяю ширину страницы)

9
  • напишите так : @media (max-width:415px){style} 17 мар 2019 в 11:25
  • У меня вопрос, а что означает сие @media all and (max-width: 1930px), будь другом расшифруй... ????
    – Air
    17 мар 2019 в 11:59
  • all это говорит о том что ты спрашиваешь обо всех типах запросов ...но по сути надо всего один ... 17 мар 2019 в 12:01
  • @ПавелВаршавский, ...))))))))
    – Air
    17 мар 2019 в 12:03
  • @Air что за юмор то ? я не прав ? 17 мар 2019 в 12:05

3 ответа 3

4

Возможно, это происходит из-за отсутствия в Html-файле данной строчки.

<meta name="viewport" content="width=device-width, initial-scale=1">
5
  • 1
    Это вопрос или утверждение?
    – 0xdb
    17 мар 2019 в 10:46
  • Перефразировал. Теперь утверждение) 17 мар 2019 в 10:51
  • не сработало(((
    – yavis
    17 мар 2019 в 10:59
  • А какие стили заданы у .golden_title h1 до медиа-запросов? 17 мар 2019 в 11:17
  • 1
    все получислось, всем спасибо)
    – yavis
    17 мар 2019 в 16:14
0

Возможно, после вашего запроса вы перезаписываете стили для .golden_title h1. Проверьте, находятся ли ваши медиа-запросы в конце файла?

0
-1

Медиа запросы в твоём случае должны идти от большего @media (max-width: 1930px) к меньшему @media (max-width: 415px) сверху-вниз. Чтобы срабатывали нужные стили. Пример этот код:

@media (max-width: 1930px) {
.golden_title h1 {
		font-size:200px;
	}
}
@media (max-width: 415px) {
.golden_title h1 {
		font-size:20px;
	}
}
@media (min-width: 1931px) {
.golden_title h1 {
		font-size:222px;
	}
}
.golden_title h1 {
    color: gold;
}
body {
    color: gold;
    background-color: #1A237E;
    display: flex;
    align-items: center;
    justify-content: center;
}
<div class="golden_title">
<h1>Тест Золотого Названия</h1>
</div>

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.