부트스트랩 화면 해상도에 따라서
본문
화면 해상도가 작아지면 원래 있던 화면에서 다른 화면으로 바꾸고 싶은데
아무리 해봐도 안됩니다.
첫 메인 화면이 캐러셀로 구성되어 있는데요. 캐러셀 안에는 동영상이 있습니다.
근데, 즉 스마트폰으로 보게되면 동영상이 아니라 그냥 사진만 나타나게 할 수 없나요?
http://www.primescuba-isg.com/ 이 사이트 처럼요!
답변 1
보통 CSS 미디어쿼리로 반응형 뷰를 표현합니다.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.image { display: none; }
@media only screen and (max-width:480px) {
.image { display: block; }
.media { display: none; }
}
</style>
</head>
<body>
<div class="media">media</div>
<div class="image">image</div>
</body>
</html>
감사합니다! 해결했습니다!!!!
답변을 작성하시기 전에 로그인 해주세요.
