У меня есть два разных макета в CSS.Один для мобильных (и других более узких экранов), а второй для настольных компьютеров.Ширина макета зависит от ширины экрана.
/* mobile */
@media (max-width: 25rem) {
.foo {
font-size: 1rem;
color: red;
}
}
/* desktop */
@media (min-width: 25rem) {
.foo {
font-size: 2rem;
}
}
Я не хочу сбрасывать настройки, которые установлены в «мобильной» части в части «рабочего стола», потому что они совершенно разные.
Когда ширина экрана точно равна 25рем, применяются оба макета.Как я могу предотвратить эту ситуацию?