반응형 웹 미디어쿼리 적용

반응형 웹 미디어쿼리 적용

QA

반응형 웹 미디어쿼리 적용

답변 1

본문

 

.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 는 설정크기 이상에서 적용됩니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 54
© SIRSOFT
현재 페이지 제일 처음으로