如何在javascript / jquery中找出ipad是否处于横向/纵向模式？

如果ipad处于横向模式，我想添加一个额外的div。 是否有某种if语句可以找到它？

谢谢

Answer 1

jQTouch检查它是这样的：

orientation = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait'; 

http://github.com/senchalabs/jQTouch/blob/master/jqtouch/jqtouch.js

您还可以收听onorientationchange事件

请参阅上一个答案： 使用JavaScript检测浏览器中Android手机的旋转

Answer 2

您可以对文档的宽度进行简单检查。

 $(window).width(); 

您可以将其设置为变量，然后根据iPad的原始分辨率检查变量：纵向为768px x 1024px。

Answer 3

         
LANDSCAPE
   

Answer 4

您可以尝试与所有浏览器兼容的解决方案。

以下是orientationchange兼容性pic： 因此，我创作了一个orientaionchange ，它基于@media属性来修复orientationchange实用程序库 – orientationchange-fix

 window.addEventListener('orientationchange', function(){ if(window.neworientation.current === 'portrait|landscape'){ // do something…… } else { // do something…… } }, false); 

然后，您可以通过window.neworientation.current ，通过window.neworientation.current和初始方向状态检索当前的方向状态。