Html 横向布局更改为纵向布局

我有一个巨大的项目，是为使用谷歌Chrome浏览器的桌面电脑制作的

但突然间，要求它现在必须在肖像电脑（不是移动/ipad/平板电脑设备，而是一体式触摸屏电脑）中运行。我正在寻找一些聪明的方法，但仍然找不到

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

横向：我的文本是从左到右水平排列的
从左到右：1
从左到右：2

现在我需要把这个：

i\u是为景观设计的

融入到纵向屏幕中 如何安装它？

使用：

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

---

谷歌“媒体查询”：屏幕仍然是风景。但从物理上来说，方向是旋转的，看起来像肖像（很复杂），我们看到的都是风景，但屏幕只是顺时针旋转90度，以产生肖像效果。