body {
font-size: 1.4rem;
}
@media only screen and (max-width: 1300px) {
body {
font-size: 1.3333333333333333rem;
}
}
@media only screen and (max-width: 1200px) {
body {
font-size: 1.2727272727272725rem;
}
}
@media (max-width: 1024px) and (min-width: 768px) {
body {
font-size: 1.4rem;
}
}
По какой формуле они тут нашли font-size для 1200px и 1300px ?
Вот еще пример из того-же css файла.
p {
font-size: 1.6rem;
}
@media only screen and (max-width: 1300px) {
p {
font-size: 1.5238095238095237rem;
}
}
@media only screen and (max-width: 1200px) {
p {
font-size: 1.4545454545454546rem;
}
}
При этом html font-size: 62.5% что ровно 1rem = 10px
Средний
