반응형 웹 미디어쿼리 적용
본문
.main_content iframe.the_iframe {overflow-x:hidden; overflow:auto; width:100%; height: 650px; }
@media (max-width: 1280px) {
.main_content iframe.the_iframe {height:600px; min-height: 500px;}
}
위와 같이 iframe의 height 사이즈를 지정했는데
미디어 쿼리가 제일 먼저 적용이 됩니다.
한번 min-width를 이용하여 다르게 적용을했는데 min-width로는 적용이 되지 않습니다.
iframe 자체의 불러오는 것에 대한 것이 다른 건지 궁금합니다.
답변 1
max-width: 1280px 는 화면크기 1280px 이하에서 적용됩니다.
min-width 는 설정크기 이상에서 적용됩니다.
보니 제가 잘못입력을 했었습니다.
감사합니다 ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.