반응형 웹 미디어쿼리 적용

반응형 웹 미디어쿼리 적용

QA

반응형 웹 미디어쿼리 적용

본문

 

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

답변을 작성하시기 전에 로그인 해주세요.
전체 364
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT