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

Question

我已经为我的门户网站的响应式横幅拉斯维加斯滑块添加了CSS。 问题是横幅的建议大小为1800X600px，在1280X1024的显示器分辨率下可以很好地显示，但是横幅会被拉伸，在1860X1020的显示器分辨率下，横幅看起来很难看。 如果我通过手机查看，横幅将被挤压以适合屏幕。 以下是我添加的CSS。

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

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

Answer 1

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