[code] .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;} } [/code] 위와 같이 iframe의 height 사이즈를 지정했는데 미디어 쿼리가 제일 먼저 적용이 됩니다. 한번 min-width를 이용하여 다르게 적용을했는데 min-width로는 적용이 되지 않습니다. iframe 자체의 불러오는 것에 대한 것이 다른 건지 궁금합니다.

이전 목록 다음

채택완료

반응형 웹 미디어쿼리 적용

VRCHAMI

2020-10-23 (금) 11:17:14 2,720

Copy

.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개 / 댓글 1개

채택된 답변

+20 포인트

진서기

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-10-23 (금) 11:20:56

max-width: 1280px 는 화면크기 1280px 이하에서 적용됩니다.

min-width 는 설정크기 이상에서 적용됩니다.

답변에 대한 댓글 1개

VRCHAMI

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-10-23 (금) 13:52:33

보니 제가 잘못입력을 했었습니다.
감사합니다 ㅠㅠ

답변을 작성하려면 로그인이 필요합니다.

반응형 웹 미디어쿼리 적용

답변 1개 / 댓글 1개

답변에 대한 댓글 1개

공유하기