Main page Header Slider 해상도 변경시 이미지 사이즈 세로 변경

Main page Header Slider 해상도 변경시 이미지 사이즈 세로 변경

QA

Main page Header Slider 해상도 변경시 이미지 사이즈 세로 변경

답변 1

본문

http://tmkorea.iptime.org/ 

 

1. Header Slider 에서 해상도 변경하면 아래사이즈가 고정 됩니다

   http://theme4.eyoom.net/?theme=eb4_busi_004&device=pc 다음과 같은 사이트처럼

   사이즈가 아래도 변경하려면 어떻게 해야 하나요?

2. 위의 링크처럼 이미지 커졌다 작아졌다 하려면 어떻게 해야하나요?

 

/*---------- Header Slider ----------*/
.header-slider-bg {z-index:1;padding:110px 0;position:relative;overflow:hidden;text-align:center;height:400px}
.header-slider-bg:after {position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;content:" ";background:rgba(0,0,0,0.35)}
.header-slider-bg > img {position:absolute;top:0;width:100%}
.header-slider-bg > .container {position:relative;z-index:3}
.header-slider-bg h1 {color:#fff;font-size:24px;font-weight:600;text-transform:uppercase;margin:0}
.header-slider-bg h2 {font-size:14px;font-weight:600;color:#fff;margin:10px 0 30px}
.header-slider-bg p {color:#ededed;font-size:12px;font-weight:200;margin:0}
@media (min-width: 768px) and (max-width: 991px) {
    .header-slider-bg {padding:100px 0 0}
}
@media (max-width: 767px) {
    .header-slider-bg {padding:70px 0 0;height:250px}
    .header-slider-bg h1 {font-size:24px;line-height:40px;margin-bottom:20px}
    .header-slider-bg p {display:none}
}
@media (max-width: 430px) {
    .header-slider-bg {padding:40px 0 0;height:180px}
    .header-slider-bg h1 {font-size:18px;margin-bottom:10px}
    .header-slider-bg h2 {font-size:12px}
}

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
전체 4
© SIRSOFT
현재 페이지 제일 처음으로