横向布局更改为纵向

Question

我有一个巨大的项目，它是为使用 Google Chrome 浏览器的横向台式计算机制作的。

但突然要求它现在必须 运行 在纵向计算机中（它不是 mobile/ipad/tablet 设备，而是一体化触摸屏计算机）。我正在寻找一些聪明的方法，但仍然找不到。

<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>

现在我需要将这个：i_wasdesigned_for_landscape 放入纵向屏幕 我怎样才能适应它？

Answer 1

使用：

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