How to maintain page aspect ratio on mobile?

Question

css

There is an interface, it was originally made for a resolution of 1920x1080. All layout elements are large and well suited for both mobile and desktop.

I would like to get a solution that will allow, while maintaining all proportions and location, to show the same interface on a mobile device in a horizontal screen position. The task seems simple, but for the second day I can not come up with a solution.

That is, here is the interface on the desktop, I want to see exactly the same thing on the mob. How to solve this issue?

Answer 1

Hardcode the width (height) of the viewport .