检测哪个视图在手机上处于活动状态

我需要知道手机或Pad上的用户是否正在查看Verticaly或Horizontaly网站来切换图像比例。检测哪个视图在手机上处于活动状态

例子：

如果用户在水平方向查看的页面，我的形象的风格，看看它的满量程将

img{width:100%; height:auto;}

但如果它是垂直的CSS将需要切换到

img{width:auto; height:100%;}

那么，如何可以实现的jQuery或Javascript或媒体查询是这样的......等等，所以我可以根据其查看用户以良好的作风是观众ŧ他在移动或iPad上翻页？

感谢

来源

2012-09-17 Warface

您可以检测方位像一些javascript：

detectOrientation(); 
    window.onorientationchange = detectOrientation; 
    function detectOrientation(){ 
     if(typeof window.onorientationchange != 'undefined'){ 
      if (orientation == 0) { 
       //Do Something In Portrait Mode 
      } 
      else if (orientation == 90) { 
       //Do Something In Landscape Mode 
      } 
      else if (orientation == -90) { 
       //Do Something In Landscape Mode 
      } 
      else if (orientation == 180) { 
       //Do Something In Landscape Mode 
      } 
     } 
    }

从http://www.devinrolsen.com/javascript-mobile-orientation-detection/

来源

2012-09-17 16:02:38 JKirchartz

似乎在iPad，iPhone，但Android上工作的伟大...它做了一些难听的话:( – Warface

@Warface它应该是跨平台的，检查出的http： //davidbcalhoun.com/2010/dealing-with-device-orientation获取有关该主题的最完整信息，包括回退！ – JKirchartz

不容抓获你只需要使用一定的断点响应CSS？

有点像这样：

@media screen and (max-width: 123px /* your value */) { 
    img{width:auto; height:100%;} 
}

来源

2012-09-17 16:42:46 Rockbot

检测哪个视图在手机上处于活动状态

回答

相关问题