반응형 css 질문드립니다.
본문
.container{max-width:1440px;, margin:0 auto;}
.col-6{width:100%;}
<style>
@media (max-width:576px)
{
.col-6{width:50%}
}
</style>
<div class="col-6">
</div>
123456
<div class="col-6">
78910
</div>
이렇게 있을때 576px일때 좌우 스크롤로 왔다갔다 할 수 있게 하고 싶은데 방법이 있을까요?
답변 3
다음 코드가 도움이 될지 모르겠습니다.
<style>
.container{max-width:1440px; margin:0 auto;}
.col-6{width:100%;}
@media (max-width:576px)
{
.container { width: 200%; }
.col-6{width:50%}
}
</style>
<div class="container">
<div class="col-6">
123456
</div>
<div class="col-6">
78910
</div>
</div>
제생각엔 지금처럼에서의 가공은 어려울거 같고요
overflow를 이용해서 div를 감싸고 길이 다시 지정하시고 해야될거 같네요
ovrflow-x:scroll;
답변을 작성하시기 전에 로그인 해주세요.