如何在拉斯維加斯滑塊中制作響應式橫幅

Question

我已經為我的門戶網站的響應式橫幅拉斯維加斯滑塊添加了CSS。 問題是橫幅的建議大小為1800X600px，在1280X1024的顯示器分辨率下可以很好地顯示，但是橫幅會被拉伸，在1860X1020的顯示器分辨率下，橫幅看起來很難看。 如果我通過手機查看，橫幅將被擠壓以適合屏幕。 以下是我添加的CSS。

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

還有其他方法可以使橫幅適合任何顯示分辨率嗎？

Answer 1

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