토론방

분류목록

소스관련 메인 슬라이드 반응형 관련 문의입니다.

현재 홈페이지 메인 슬라이드를 사용하고 있습니다.

그룹디자인 관리 메인 슬라이드2 - PC 프로그램마법사를 눌러서 가로사이즈를 설정할때,

100%로 할 경우 모니터 사이즈에 맞추어 슬라이드의 이미지가 확대되어 레이아웃이 깨져버립니다.

가로사이즈를 픽셀 지정으로 할경우에는, 브라우저 크기에 따른 반응형이 적용되지 않아서 이미지가 잘라져서 보이게됩니다.

어떻게 수정홰야 할까요?

게시글 공유 URL복사

수정 삭제 출력

댓글[2]

열기 닫기

이**우 2016-02-29

@ 수정방법

1. 슬라이드를 100% 로 설정합니다.

2. PC화면에서 최대크기가 1160 으로 적용되도록 css를 수정합니다.

max-width:1160px; margin:0 auto;
이**우 2016-02-29

@ 다른 수정방법

scss 의 사용법을 이해하고 계신다면 다음방법으로도 수정이 가능합니다.

/* custom placeholder */
%maxWidth {max-width:1160px; *width:1160px; margin:0 auto;}

.main_slide {
@extend %maxWidth;
...
}

http://manual.anybuild.co.kr/page/basic1_04

댓글작성

열기 닫기

top