미디어 쿼리 특정브라우저 적용안될때 해결법있나요? (CSS 기초)

Question

아웃풋 ) 익스플로어 / 파이어폭스 / 크롬 순인데 480이하로 창이 변하면 모바일처럼 보여주게 할려고했는데 크롬은 적용이 안되는것같아서 이럴때는 어떻게 해결해야하나요?

* {margin: 0; padding: 0;} body {background-color: #f3e5f5;} #wrap {width: 1200px; height: 900px; margin: 0 auto;} header {width: 100%; height: 150px; background: #9575cd;} aside {float: left; width: 30%; height: 700px; background: #7e57c2;} section {float: left; width: 70%; height: 700px; background: #673ab7;} footer {clear: both; width: 100%; height: 150px; background: #5e35b1;} /* 화면 너비 0 ~ 1200px */ @media (max-width: 1200px){ #wrap {width: 95%;} } /* 화면 너비 0 ~ 768px */ @media (max-width: 768px){ #wrap {width: 100%;} } /* 화면 너비 0 ~ 480px */ @media (max-width: 480px){ #wrap {width: 100%;} header {height: 300px;} aside {float: none; width: 100%; height: 300px;} section {float: none; width: 100%; height: 300px;} }

PRO그래머 · Accepted Answer

크롬됩니다.영역이 480px 이상인거 같은데요.테스트 하려고 크롬창 줄여봤더니 483px인거같은데

조인규 · Answer

아 감사합니다 ㅠ 그냥 크롬을 제대로 안줄이고 봐서 그런거네요

미디어 쿼리 특정브라우저 적용안될때 해결법있나요? (CSS 기초)

2개의 답변

Q&A 목록