я медиазапросы работы отлично на второй HTML-страницу с этим кодомПроблемы с запросами СМИ, ничего не происходит
@media only screen and (min-device-width: 200px) and (max-device-width: 1099px) {
.snebild img {width: 50%; max-width: 50%; right: 2%;}
.title {margin-left: 4%; position: absolute; top: 10%;}
}
Но на моей второй странице им пытаются изменить размер шрифта, так это выглядит хорошо на низких разрешениях, но используя тот же код, который просто меняется на правильный класс и элемент p, но ничего не работает.
@media only screen and (min-device-width: 200px) and (max-device-width: 1099px) {
.introus p {font-size: 8px;}
}
Это HTML-
<div class="introus">
<h2>Main Title</h2>
<h4>Second title</h4>
<p>Text to change size on when using lower resolution such as Iphones.</p>
</div>
Что с помощью второй страницы.? – Riddler
Все остальные равны, нет причин, по которым второй блок кода не будет работать, когда первый сделает, так что либо: (1) У вас есть другой CSS, который мешает, но не появляется в вопросе, или (2) Вы устанавливают минимальный размер шрифта. – Quentin
Что вы подразумеваете под «моей второй страницей»? Эта страница использует другой лист CSS? Вы также выбираете страницу в CSS, чтобы ссылаться на второе правило СМИ, о котором вы говорили? Кроме того, используйте (max-width: #px) 'вместо' (max-device-width: #px) '- объяснение здесь> http://stackoverflow.com/questions/18500836/should-i-use-max- device-width-or-max-width –