如果您在手机上以纵向模式打开此网站：
你得到的是Overlay，通知你必须旋转设备才能正常查看网站。
这是如何通过CSS / HTML或插件基本实现的？
答案 0 :(得分：0)
我不确定该网站是如何做到的，因为我在移动设备上，所以没有开发工具。 ;）
但是使用JavaScript检查高度是否大于纵向模式的签名是很容易的。
if (window.innerHeight > window.innerWidth) // display the overlay
答案 1 :(得分：0)
演示 - http://jsfiddle.net/victor_007/4862j3ne/1/
您可以使用@media queries来检测宽度并显示div
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
div{display:block}
}
答案 2 :(得分：0)
当使用横向模式更改时，我用它来调整小型网站的移动版本上的图像：
$(window).on('resize orientationchange', function () {})
由于浏览器的差异导致2个不同的事件（还有一些我确定）
答案 3 :(得分：-1)
请使用以下代码段。我希望这会有效..
if(window.innerHeight > window.innerWidth){
if(window.innerHeight < "600"){
alert("Please use landscape!");
}
}
由于