Hus*_*ein 8 html css rotation css3 htmlelements
我希望显示页面中的所有内容始终如一地旋转并且依赖于90度,我试图这样做,但结果是不准确的,并且每个元素都是独立旋转的.
abl*_*lly 19
这很有趣.小提琴
body{
margin:0;
overflow:hidden;
}
.wrapper{
transform: rotate(90deg);
transform-origin:bottom left;
position:absolute;
top: -100vw;
left: 0;
height:100vw;
width:100vh;
background-color:#000;
color:#fff;
overflow:auto;
}<body>
<div class='wrapper'>
test<br />
<hr />
<div><hr /></div>
<div><div><hr /></div></div>
<div>ing</div>
</div>
</body>不得不将内容包装在包装器div中,将body overflow设置为hidden,然后将其向上滑动其宽度......但是嘿,它有效.
如果你很好奇,是的,我确实将屏幕宽度和宽度设置为屏幕高度.使其干净地扩展自己.