Main page Header Slider 해상도 변경시 이미지 사이즈 세로 변경
관련링크
본문
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}
}
