移动端HTML如何做强制横屏效果?

新手上路,请多包涵

移动端HTML如何做强制横屏效果?就是页面一打开就是横屏的,现在页面横屏了,可是里面的子元素不横屏,我就奇怪了,我看别人写的都可以我跟写的就不行,我还对比了样式,也没看出来哪里不一样

<div>
 <img src="1.jpg" />
</div>
div{
    width: 736px;
    height: 414px;
    transform: rotate(90deg);
    transform-origin: 207px 207px;
}

div img{
   height:100vw;
   width:auto;
}

image.png

有谁知道是怎么回事吗?

阅读 3.2k
1 个回答

没能够成功复现你说的问题。检查一下是否图片本身有问题,或者说被其他地方的样式影响到了。

图片.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题