2014-10-22 4 views
-2

PC 브라우저에서 열 때 표시되는 div (#bob_show)와 숨겨진 다른 #slider_mobile이 있습니다. 휴대 기기에서 열어 볼 때 명세서가 뒤집혀 있어야합니다.모바일에서 볼 때 div 표시 및 숨기기

도움을 주셔서 감사합니다.

우고

+0

를 사용하여 미디어 쿼리와 함께 갈 수 있습니다. – Ashish

+1

어떻게 '모바일 장치'를 감지 하시겠습니까? 미디어 쿼리는 사용 가능한 크기 (화면/장치 너비 등)를 볼 것이며, 사용자 에이전트는 요청의 일부로 전달되며 훨씬 더 신뢰할 만하지만 새로운 장치가 출시 될 때마다 변합니다. –

+0

부트 스트랩을 사용하십시오. 더 작은 장치에서 div를 숨기는 클래스가 내장되어 있습니다. 내가 기억하는 것처럼 그것은 somethimg와 같다 : hidden-xs hidden-sm (...) – Klapsa2503

답변

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(); 
      }