애니빌드.LAB
토론방
소스관련 모바일 화면에서 보여지고자 하는 기사 형태를 올립니다.
- 강**석
- 2018-05-21 15:35:00
- hit1770
- http://lab.anybuild.co.kr/bbs/qna/7004
PC화면에서 그룹디자인에서 사진크기를 조정해도 PC화면에 적용이 안됩니다..
그래서 "웹진 + 관련기사" 틀을 사용했습니다.
그룹명: GROUP_cen_news9
모바일에서 보이는 것이... 아래 (1) -> (2)처럼 보여지게 했으면 합니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
수정완료되었습니다.
해당 컨텐츠에는 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