风格
@ mediascreenand (定向：端口) {
html{
width : 100vmin；
height : 100vmax；
}
body{
width : 100vmin；
height : 100vmax；
}
#gyroContain{
width : 100vmax；
高清： 100 vmin；
transform-origin :顶级左；
变换： rotate (90 deg )变换(0) 0，-100vmin；
}
}
@ mediascreenand (orientation : landscape ) {
html{
width : 100vmax；
高清： 100 vmin；
}
body{
width : 100vmax；
高清： 100 vmin；
}
#gyroContain{
width : 100vmax；
高清： 100 vmin；
}
}
很好
非常多的文字
如果你的网页上有from表单，你应该使用“通过弹出屏蔽层让用户旋转手机”的解决方案。 检测手机纵向屏幕下方，关闭屏幕旋转锁定，提示手机横向放置。 想想虽然手机浏览器是纵向画面，但内容是强制横向画面的画面有多奇怪吧.
P.S .页面的强制横屏是一碗快要坏了的冷饭。 但是，文主百度到达的解决方法都使用了js。 文主觉得有打蚊子的高炮。 所以自己用Css Html实现了一个。 文章里的代码只是一个能让大家发散思维的littleDemo，你们想纵向滚动就去掉height，添加y-auto，想有背景色就添加bg-color，希望大家不要讨伐我的不谨慎第一篇文章希望海涵。