如何将整个网页旋转90度、180度或270度?

我想把整个网页旋转90度、180度或280度。

在answer Rotate all html element (whole page) 90 degree with CSS?中给出了如何旋转90度的解决方案。如果我改变90度到270度,网页会旋转到“屏幕之外”,或者没有居中到屏幕的中心。我想像旋转显示器一样旋转页面。我的页面从左上角开始。

如何编辑此代码以正确地处理180度和270度?

代码语言:javascript运行复制.wrapper{

transform: rotate(90deg);

transform-origin:bottom left;

position:absolute;

top:-100vw;

height:100vw;

width:100vh;

background-color:#000;

color:#fff;

overflow:auto;

}