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

반응형 css 질문드립니다. 채택완료

쪼탱 2년 전 조회 1,402

.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">

123456

 </div>
<div class="col-6">

78910

 </div>

 

 

이렇게 있을때 576px일때 좌우 스크롤로 왔다갔다 할 수 있게 하고 싶은데 방법이 있을까요?

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

답변 3개

채택된 답변
+20 포인트
2년 전

다음 코드가 도움이 될지 모르겠습니다.

</p>

<p><style></p>

<p>.container{max-width:1440px; margin:0 auto;}</p>

<p>.col-6{width:100%;}</p>

<p>@media (max-width:576px)</p>

<p>{    

.container { width: 200%; }

.col-6{width:50%}</p>

<p>}</p>

<p></style></p>

<p> 

<div class="container">

    <div class="col-6">

    123456</p>

<p>     </div>

    <div class="col-6">

    78910</p>

<p>     </div>

</div></p>

<p>

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

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

핑크빈
2년 전

ovrflow-x:scroll;

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

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

제생각엔 지금처럼에서의 가공은 어려울거 같고요

overflow를 이용해서 div를 감싸고 길이 다시 지정하시고 해야될거 같네요

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

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

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

로그인