В новых браузерах можно задать всё в vw и будет прекрасно. Или в rem, а в media-queries менять размер шрифта .
Но что, если мне нужно, чтобы моя вёрстка не разъезжалась, когда я открываю её, например, на iphone 4.
Версия Safari в нём не поддерживает vw и rem. Нельзя привязать размеры ни к ширине окна, ни к размеру шрифта корневого элемента.
Какой метод можно использовать? Как задать основные размеры и размеры для media-queries, чтобы было адаптивно?
https://codepen.io/as-tall/pen/xjEGgB