怎么说需要把手机转成javascript/css？ [关闭]答案

【问题标题】：How to say that you need to turn your mobile phone in javascript/css? [closed]怎么说需要把手机转成javascript/css？ [关闭]
【发布时间】：2014-06-09 19:57:06
【问题描述】：

我有一个网站，您只能以水平方式查看。但是如果它是垂直的，我不知道如何阻止它。我就是想不通... 谁能帮我解决这个问题？

【问题讨论】：

您是否考虑过检查屏幕分辨率并查看宽度或高度是否更大？另外，您到底为什么要为想要纵向使用该网站的人创造一种可怕的体验？
因为移动网站还没有完全完成
@joske_saalfeld 这不是一个令人信服的理由去做你所要求的。听起来现有的 css 很可能不灵活且响应不准确——甚至可能不“合适”。

标签： javascript html css

【解决方案1】：

您可以在 CSS 中通过根据方向隐藏/显示来做到这一点

<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>

来源forcing web-site to show in landscape mode only

【讨论】：

【解决方案2】：

如果我理解正确，this 可能会有所帮助。不过，我确实建议不要这样做，因为目前还没有一种非常干净的方法可以做到这一点，而且它可能对用户不友好。

【讨论】：

不，因为在这里你无法说出为什么会发生这种情况