javascript - 强制网站仅以横向模式显示

Question

我只想以横向模式显示我的网站，这可能吗？用户手中设备的方向无关紧要，但网站将始终处于横向模式。我见过 iPhone 应用程序是这样工作的，但是网站可以这样做吗？

Answer 1

@Golmaal 确实回答了这个问题，我只是有点冗长。

<style type="text/css">
    #warning-message { display: none; }
    @media only screen and (orientation:portrait){
        #wrapper { display:none; }
        #warning-message { display:block; }
    }
    @media only screen and (orientation:landscape){
        #warning-message { display:none; }
    }
</style>

....

<div id="wrapper">
    <!-- your html for your website -->
</div>
<div id="warning-message">
    this website is only viewable in landscape mode
</div>

您无法控制用户移动方向，但您至少可以向他们发送消息。此示例将在纵向模式下隐藏包装器并显示警告消息，然后在横向模式下隐藏警告消息并显示纵向。

我不认为这个答案比@Golmaal 更好，只是对它的赞美。如果您喜欢这个答案，请务必感谢@Golmaal。

更新

我最近一直在使用 Cordova，事实证明，当您可以访问 native 功能时，您可以控制它。

另一个更新

所以Cordova发布后，到头来真的很惨。如果你想要 JavaScript，最好使用像 React Native 这样的东西。这真的很棒，我知道它不是纯网络，但移动设备上的纯网络体验有点失败。