ORBIT 100% height over 100% widht slider zurb foundation. 16:9 4:3

时间秒杀一切 提交于 2019-12-08 09:01:33

问题


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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!