@media (모바일로 볼때는 div width 를 다르게 표현)
CMS/프레임워크 | Rhymix 2.0 |
---|---|
개발 언어 | PHP 7.4 |
외부페이지에 아래의 코드를 넣고
.mwidth div의 너비를 100%로 보여주려고합니다.
<style>
.mwidth{width:800px}
@media all(max-width:800px){
.mwidth{width:100%;}
}
</style>
이렇게 적용했지만 스마트폰으로 불러보니 아무런 변화가 없네요.
어디가 잘못되었을까요
댓글 2
코드에는 문제가 없어보이는데
캐시파일 재생성 해보시거나
<style>
@media ( min-width: 800px) {
.mwidth{width:800px}
}
@media all(max-width:800px){
.mwidth{width:100%;}
}
</style>
로 한번 테스트 해보세요 ~
왜 그런지 이해되지않지만 말씀대로 @media ( min-width: 800px) { 부분을 추가 해 주니 의도대로 정상으로 출력됩니다.
더 공부 해 보겠습니다. 감사합니다