В файле медиа запросов не работает адаптация для смартфона

186
06 декабря 2019, 07:40

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

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

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

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

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

Answer 1

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

<meta name="viewport" content="width=device-width, initial-scale=1">
Answer 2

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

Answer 3

Медиа запросы в твоём случае должны идти от большего @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>

READ ALSO
Помогите разобраться с индексацией массива в javascript
javascript

Помогите разобраться с индексацией массива в javascript

Здравствуйте! Помогите, пожалуйста, разобраться с индексацией массива arr в следующем примере (учебное упражнение, реализующее рулетку):

 181
Динамически отслеживаемые props
javascript

Динамически отслеживаемые props

Предположим, есть нечто такое:

 179
Вопрос по jquery
javascript

Вопрос по jquery

кто может подсказать? Есть два скрипта в одно из них touch swipe не работает но работает управление по Click, когда пытаюсь подключить сторонний скрипт...

 151
Unexpected token ) на chrome 49, а на 72 все ок
javascript

Unexpected token ) на chrome 49, а на 72 все ок

Использую Хром на ХР 49 версии и при загрузке страницы выпадает alert(Unexpected token ) )На версии 72 все отлично работает

 183