애니빌드.LAB
토론방
소스관련 슬라이드형태 이미지출력(메인이미지 적합) 관련
- 오**지
- 2017-06-07 14:55:14
- hit3357
- http://lab.anybuild.co.kr/bbs/qna/6703
현재 이미지는 모니터 최대사이즈를 고려해 1900*400입니다.
슬라이드에 적용하고 나니 반응형으로 적용되어 이미지가 창 너비에 맞춰 작아지고 있습니다.
창이 줄어도 이미지의 중앙을 화면 중앙으로 맞추고 고정크기고 하려면 어떻게 해야할까요?
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
슬라이드를 div로 하나 감싸고 해당태그에 width:1900px;값과 height:400px값을 지정해주세요.
해당태그에 position:relative;left:50%;margin-left:-950px; 을 적용해주시면 중앙을 유지합니다.(margin-left값은 width/2 값을 적용해주셔야 합니다.)
이렇게 적용할 경우 좌우 방향 컨트롤러가 자리를 못잡습니다.
.owl-controls에 position:absolute;top:0;right:0;left:0;margin:0 auto;width값; 이렇게 주시면 해당 넓이만큼 중앙에 와서 자리를 잡습니다.
width값은 레이아웃의 넓이로 지정하시면 됩니다.