How to make responsive banner in vegas slider

Question

i already add css for responsive banner vegas slider for my portal. The problem is the recommended size for the banner is 1800X600px and it display nicely in 1280X1024 of monitor resolution but the banner will be stretched and the banner look ugly in 1860X1020 of monitor resolution. If i view it via mobile phone, the banner will be squeeze to fit the screen. Below is the css that i add.

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

Is there any other way to make the banner fit in any resolution of display?

Answer 1

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