테스트 사이트 - 개발 중인 베타 버전입니다

반응형 웹 미디어쿼리 적용 채택완료

VRCHAMI 5년 전 조회 2,571

 

</strong></p>

<p><strong>.main_content iframe.the_iframe {overflow-x:hidden; overflow:auto; width:100%; height: 650px; }</strong></p>

<p> </p>

<p><strong>@media (max-width: 1280px) {

     .main_content iframe.the_iframe {height:600px; min-height: 500px;}

 }</strong></p>

<p><strong>

 

위와 같이 iframe의 height 사이즈를 지정했는데

미디어 쿼리가 제일 먼저 적용이 됩니다.

한번 min-width를 이용하여 다르게 적용을했는데 min-width로는 적용이 되지 않습니다.

 

iframe 자체의 불러오는 것에 대한 것이 다른 건지 궁금합니다.

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

답변 1개

채택된 답변
+20 포인트
진서기
5년 전
max-width: 1280px 는 화면크기 1280px 이하에서 적용됩니다. 

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

V
VRCHAMI
5년 전
보니 제가 잘못입력을 했었습니다.
감사합니다 ㅠㅠ

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

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

로그인