조회 수 84 추천 수 0 댓글 6
Extra Form

최근게시물 위젯을 가로 3줄로 넣었는데요..모바일로 봤을때 위젯이

 

1위젯 2위젯 3위젯  이렇게 나옵니다.

 

이것을

 

1위젯

2위젯

3위젯

 

이렇게 나오게 할려면 어떻게 해야 할까요? 그냥 가로로 3줄이 그대로 나오는데 엄청짤립니다..

 

Equeer 레이아웃입니다.

  • ?
    모바일페이지를 따로 만들어서 하나의 위젯가로를100%로 주고 한줄에 한개씩 위젯을 배치시키면 됩니다.
  • ? profile
    감사합니다.
  • ?
    반응형으로 만드시려는거 아닌가요?
    위젯에 class 주고 좁은 화면일 때 width를 100% 주시면 돼요
  • ? profile
    감사합니다.
  • profile ?

    <div class="m-100">위젯1</div>
    <div class="m-100">위젯2</div>
    <div class="m-100">위젯3</div>

    <style>
    @media screen and (max-width: 640px){
    .m-100 {
    width: 100%;
    }
    }
    </style>

    max-width와 클래스 이름은 임의로 했습니다.

  • ? profile
    헉 감사합니다

서버에 요청 중입니다. 잠시만 기다려 주십시오...