Проблемы с откликом на экранах разных размеров. ⇐ CSS

[Anonymous]

Как мы можем сделать наш веб-сайт отзывчивым без использования медиа-запроса и какие будут централизованные методы изменения размера шрифта для разных экранов, а также высоты и ширины??

Код: Выделить всё

/* extra small */
@media screen and (max-width: 600px) {
html {
font-size: 25%;
}
}

/* small */
@media screen and (min-width: 600px) and (max-width: 960px) {
html {
font-size: 35%;
}
}

/* medium */

@media screen and (min-width: 960px) and (max-width: 1280px) {
html {
font-size: 50%;
}
}

/* large */
@media screen and (min-width: 1280px) and (max-width: 1920px) {
html {
font-size: 55%;
}
}

/* extra large */
@media screen and (min-width: 1920px) {
html {
font-size: 70%;
}
}

Мне нужна помощь, потому что в моем проекте возникла проблема с CSS. Я открыл свой проект на разных экранах и использую rem для заполнения. Это вызывает проблемы с макетом на экранах разных размеров. Я хочу централизовать часть CSS. Что я могу сделать, чтобы это исправить?

Подробнее здесь: https://stackoverflow.com/questions/785 ... reen-sizes