.container{max-width:1440px;, margin:0 auto;} .col-6{width:100%;} @media (max-width:576px) { .col-6{width:50%} } 123456 78910 이렇게 있을때 576px일때 좌우 스크롤로 왔다갔다 할 수 있게 하고 싶은데 방법이 있을까요?

이전 목록 다음

채택완료

반응형 css 질문드립니다.

쪼탱

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2023-01-26 (목) 14:02:25 1,760

.container{max-width:1440px;, margin:0 auto;}

.col-6{width:100%;}

<style>

@media (max-width:576px)

{

.col-6{width:50%}

}

</style>

123456

</div>

78910

</div>

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

그누보드5 영카트5

답변 3개

채택된 답변

+20 포인트

배르만

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2023-01-26 (목) 19:13:34

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

Copy

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

핑크빈

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2023-01-26 (목) 15:33:43

ovrflow-x:scroll;

멀티트리플

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2023-01-26 (목) 14:31:25

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

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

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

반응형 css 질문드립니다.

답변 3개

공유하기