问题
I need some help with orbit slider.
I want to make it 100% width and 100% height , but....
I have a 1920x1080 slider images.
Images should always taking 100% height but width should be over 100% (if display propotion will change).
Just slider should crop width over browser window (overflow: hidden;
)
.orbit {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
max-width: none;
}
.orbit-container{
max-height: 100%;
}
.orbit-slide {
overflow: hidden;
margin: 0 auto;
}
.orbit-image {
max-width: none;
height: 100%;
margin: 0 auto;
}
I will show you what I need in PS: orbit 16:9 and 4:3.
来源:https://stackoverflow.com/questions/42302922/orbit-100-height-over-100-widht-slider-zurb-foundation-169-43