Как изменять пропорции элементов на разных разрешениях экрана?
То есть надо как то это всё масштабировать... Как вы решаете такие задачи?
Можно все размеры задавать в rem/em, тогда при изменении размера шрифта для html все будет подстраиваться (вообще rem - это очень удобная штука, особенно когда все размеры выражаются красивыми числами - .5, .75, 1, 1.5, 2, 3, 4..., а не количеством пикселей). При этом можно по-умному привязать font-size для html к единицам vw и результат будет очень приятным.
Попробуйте использовать размеры относительно ширины экрана:html {
    font-size: 3vw;
}
 Соответственно размер элементов можно либо также в vw, либо относительно размера шрифта в em