2014-10-22 86 views
-2

我有一个div(#bob_show)显示和另一个(#slider_mobile)在PC浏览器上打开时隐藏。我需要在移动设备上打开时声明被颠倒...当在手机上查看时隐藏并显示div(s)

非常感谢您的帮助!

Hugo

+0

使用媒体查询去。 – Ashish 2014-10-22 07:57:02

+1

你想如何检测'移动设备'?媒体查询将查看可用大小(屏幕/设备宽度等),用户代理将作为请求的一部分传递,并且更加可靠 - 但随着新设备的发布而不断变化。 – 2014-10-22 07:57:55

+0

使用引导。有一种隐藏在较小设备中的div的类。我记得它有点像:hidden-xs hidden-sm(...) – Klapsa2503 2014-10-22 08:02:37

回答

0

您可以检测到导航器类型,并根据您的需要进行此操作。

更多参考访问a link这个问题。

怎么过,如果你的问题是浏览器的宽度,那么你可以用下面的技术

  // you can change the width condition as per your need 
      if(window.matchMedia('max-width:420px').matches || $(window).width() < 768){ 
      // small devide 
       $('#slider_mobile').show(); 
       $('#bob_show').hide(); 
      }else{ 
       $('#slider_mobile').hide(); 
       $('#bob_show').show(); 
      }