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

자꾸 질문드려서 죄송해요... css flex 관련이요! 채택완료

HackerStory 3년 전 조회 1,546

pc화면에서 정상적으로 출력되는데

모바일 화면으로가면 한쪽으로 쏠려버려요 ㅠㅠ

 

</p>

<p><style>

.main_board_latest {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin: 0 -10px;

}</p>

<p>.main_board_latest .latest_box {

  width: 70%;

  padding: 0 10px;

  margin-bottom: 15px;

}

.main_board_latest .latest_box:last-child {width:30%}

    

.main_board_latest .latest_box .lt_wr {

  width: 100%;

}

@media screen and (max-width: 768px) {

  .main_board_latest .latest_box, .latest_box:last-child {

    width: 100%;

}

 </style></p>

<p><div class="main_list_latest main_board_latest">

    <div class="latest_box latest_wr wow fadeInLeft">

    <?php echo latest('theme/slide_thumb', 'notice', 8, 99); ?>

    </div>

    <div class="latest_box:last-child latest_wr">

    <?php echo latest('theme/basic_news', 'free', 4, 99); ?>

    </div>

</div></p>

<p>

왜 반응을 안할까요..ㅠㅠ

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

답변 1개

채택된 답변
+20 포인트
3년 전
@media screen and (max-width: 768px) {
  .main_board_latest .latest_box, .latest_box:last-child {
    width: 100%;
}

width:100% !important; 로 해보세요

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

답변에 대한 댓글 1개

H
HackerStory
3년 전
헐... 해결됬어요 진짜 너무 사랑합니다 ♥....

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

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

로그인