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

Да, вам нужно каждый раз вызывать изменение размера в контейнере при изменении ориентации с помощью js, а затем вычислять пропорции вашей ширины ширины, а затем изменять размер вашего контейнера на экран. Затем увеличивайте высоту экрана * желаемый аспект, затем этот результат это ваша ширина, а затем проверьте, не ли ваша ширина не меньше ширины экрана, если это не так, если истина делает то же самое, но в обратном направлении, разделяя ширину экрана/желаемое соотношение сторон. наконец, центрируйте свой контейнер на экране с помощью js или css.

это идея, я знаю, работает, потому что я сделал это, вероятно, будет простой способ сделать то же самое.

Таким образом, вы можете создавать проценты внутри контейнера и всегда будут выглядеть одинаково в любых материалах, единственным изменением будет полоса ширины или высоты в зависимости от вашего соотношения сторон и характеристик вашего устройства, но она будет всегда самой большой возможный способ.

РЕДАКТИРОВАТЬ,

Это что-то типа;

var ratio = 1060/650;

$(window).on('resize', function() {
    $('#container')
        .css({width: screen.width + 'px', height: screen.width*ratio + 'px'});
    if ($('#container').height() > screen.height) {
        $('#container')
            .css({width: screen.height/ratio + 'px',height: screen.height+'px'});
    }
    $('#container').css({left: (screen.width - $('#container').width()) / 2+'px',
                     top: (screen.height - $('#container').height()) / 2+'px'});

});

В jsfiddle не будет приятно, так как это использует экранную ширину (вы также можете использовать innerHeight, зависит от того, будете ли вы в полноэкранном режиме).

Не тестировал, но вот общая идея