Search code examples
htmlcssgoogle-chromeportrait

Landscape layout change to portrait

I have a giant project which was made for landscape desktop computers using Google Chrome browser.

But suddenly the requirement is it has to run now in Portrait computer (its not mobile/ipad/tablet device, but all-in-one touch screen computers). I am looking for some smart way but still could not find any.

<div id='i_wasdesigned_for_landscape'>
Landscape: My texts are horizontally from left to right
<button>left to right: 1</button>
<button>left to right: 2</button>
</div>

Now i need to fit this: i_wasdesigned_for_landscape into portrait screen How can i fit it?

Solution

  • Use: 

    transform: rotate(-90deg);
zoom: 0.95;