Суть вопроса проста: "Почему тег media неправильно работает в браузере гугл".
Есть код:
@media screen and (min-width: 1024px) and (max-width: 1440px) {
#menu button {
font-size: 1.2em;
}
}
@media screen and (min-width: 1441px) {
#menu button {
font-size: 1.5em;
}
}
В Опере он работает правильно, но в Хроме с ним начинаются проблемы. С мои разрешение 1366 он работает как с разрешение от 1441. Когда включаешь исходный код, он начинает работать нормально. Когда выносишь исходный код в новое окно, все повторяется снова. Но когда уменьшаешь окно до 1353 пикселей, и размер у текста становиться 1.2em.
На другой страничке (с тем же меню) все работает правильно.
В чем проблема?