Как сделать сайт резиновым?
vw для шрифтов и размеров. Обычно html тегу пишут font-size: X vw и потом пишут em, rem
Вот смотри как тут https://dreem.com/en/understand
Для шрифтов наоборот, запрещается масштабирование, иначе он станет нечитабельным.
meta name="viewport" content="width=device-width, initial-scale=1"
А для других элементов - размеры в процентах, em, rem, vw, vh
Но без media screen ведь всё равно не обойтись. Расположение элементов всё равно менять надо.
Вот тут чисто резинка код