토론방

소스관련 모바일 화면에서 보여지고자 하는 기사 형태를 올립니다.

PC화면에서 그룹디자인에서 사진크기를 조정해도 PC화면에 적용이 안됩니다..

그래서 "웹진 + 관련기사" 틀을 사용했습니다.

그룹명: GROUP_cen_news9

모바일에서 보이는 것이... 아래 (1) -> (2)처럼 보여지게 했으면 합니다.

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • 배**영 2018-05-21

    수정완료되었습니다.

    해당 컨텐츠에는 display:table-cell이 적용되어 있습니다. display:table-cell은 가로로만 정렬을 시키기때문에 해당부분을 해제를 하고 float으로 대체하였습니다.

     

    아래의 소스가 추가되었습니다.

      @media(max-width:767px){
        .pm-gisa_webzine_relation_{$this_group_code} .webzine a:after{content:'';display:block;clear:both}
        .pm-gisa_webzine_relation_{$this_group_code} .webzine .figure {display:block;float:left}
        .pm-gisa_webzine_relation_{$this_group_code} .webzine dl{display:block}
      }

     

    참고] 위의 media query는 디바이스 사이즈가 767px 이하에서만 해당 css 속성이 적용됩니다. 아래는 media query 참고사이트 입니다.

     - https://www.w3schools.com/css/css3_mediaqueries_ex.asp

댓글작성

열기 닫기

댓글작성
top