부트 스트랩 3으로 빌드 된 웹 페이지가 있고 페이지 상단에 회전식 구성 요소가 있습니다. 페이지가 모바일 장치에서 열릴 때 <div> 섹션을 숨기고 싶습니다. 또한 화면 해상도 (창 크기 아님)가 800x600보다 낮을 때 PC에서 숨기려고합니다.휴대 기기에서 웹 페이지 캐로 셀을 자동으로 숨기는 방법은 무엇입니까?
간단한 meta 태그를 사용하여이 작업을 수행 할 수 있습니까? 아니면 자바 스크립트를 사용해야합니까?
미디어 쿼리가 가능합니다.
우리가 당신 ID로 사업부 내부에 "carouselContainer"당신의 CSS에서 지금
을 감싸 회전 목마를 가지고 생각해 보자;
@media (max-width:800px) {
#carouselContainer {
display:none !important;
}
}
디스플레이가 너무 작 으면 회전식을 숨 깁니다.
미디어 쿼리에 대한 자세한 내용을 알고, read this link
프로젝트가 유연하고, 다음에 사업부를 숨길 것이다는 .hidden-XS 클래스를 사용하는 것이 800의 최대 너비를 사용하여 고정되지 않은 경우 너비가 768px보다 작은 디스플레이.
<div class="carouselContainer hidden-xs">
...
</div>