如何在拉斯维加斯滑块中制作响应式横幅

Question

我已经为我的门户网站添加了响应式横幅拉斯维加斯滑块的CSS。问题是横幅的推荐尺寸是1800X600px，并且它在1280X1024的显示器分辨率下显示得很好，但横幅将在1860X1020的显示器分辨率下拉伸并且横幅看起来很难看。如果我通过手机查看，横幅将挤压以适应屏幕。下面是我添加的CSS。

.vegas-slide-inner {
    background-size:100% 100% !important;
}

有没有其他方法可以使横幅适合任何显示分辨率？

Answer 1

使用封面而不是100％ background-size: cover;