當在手機上查看時隱藏並顯示div（s）

Question

我有一個div（#bob_show）顯示和另一個（#slider_mobile）在PC瀏覽器上打開時隱藏。我需要在移動設備上打開時聲明被顛倒...

非常感謝您的幫助！

Hugo

Answer 1

您可以檢測到導航器類型，並根據您的需要進行此操作。

更多參考訪問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(); 
      }