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 that you have read and understand our privacy policy and code of conduct.

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