Задача не понятна.
Если нужно, чтобы страница просто масштабировалась под viewport браузера нужно удалить мета-тег
<meta name="viewport" content="width=device-width, initial-scale=1.0">
, причем 2 раза
Если все-таки задание не точное - использовать css можно, а нельзя @media-запросы, то нужно использовать относительные единицы измерения - %, и vw, vh, vmax, vmin, em, rem для задания размеров и отступов