如何在HTML5中将浏览器视图限制为移动浏览器上的横向视图？

Question

如何在HTML5中将浏览器视图限制为移动浏览器上的横向视图？在纵向视图中，应显示“切换到横向模式”，并在切换到横向模式时加载。

Answer 1

您可以使用浏览器的"onorientationchange“事件。我从我的一个测试项目中提取了一个工作示例：http://jsfiddle.net/r9b8D/

这并不完全是你想要的，但它展示了"onorientationchange“的实现。将jsfiddle示例复制到您的主机上，然后用手机导航到站点，看看会发生什么--也许您可以用手机导航到jsfiddle，我不确定。

请随意修改该示例以满足您的需求。