css实现手机页面强制横屏（只适用于单屏页面）

附言如果你的页面上有一个from表单要填写，你应该使用“弹出遮罩层让用户旋转手机”的解决方案。当检测到手机处于竖屏模式时，提示关闭屏幕旋转锁定，将手机横放。想一想，手机浏览器还是竖屏，内容却被强制横屏，这是多么奇怪的事情……P.S.页面强行横屏，简直是一顿快要断的冷饭。但是笔者百度找到的解决方案都是用的js。笔者觉得有些高射炮打不过蚊子。所以我用Css+Html实现了一个。文章中的代码只是一个小Demo，供大家发散思路。如果你想垂直滚动，删除高度并添加y-auto，如果你想要背景颜色，添加bg-color。希望大家不要批评我不严谨。第一篇，王海涵。