Jssor完全适合div中的图像
Jssor完全适合div中的图像
提问于 2019-04-23 03:03:30
我很难通过Jquery更改CSS / Settings来使图像完全适合div，我应该做什么才能使任何图片完全适合div？
https://jsfiddle.net/teonxyku/1/
我尝试了以下几点：
#slider1_container img {
max-width:100%;
max-height:100%;
}但它进一步打破了滑块。
我将粘贴jsfiddle，这样你就可以更好地理解整个代码，这是它的预览。
回答 1
Stack Overflow用户
发布于 2019-04-23 03:09:25
传统的解决方案是将图像设置为div的背景
#slider1_container {
width: 200px;
height: 160px;
background: url('https://images.unsplash.com/photo-1518791841217-8f162f1e1131?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80');
background-size: cover;
background-repeat: no-repeat;
}<div id="slider1_container"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55799704
复制相关文章
相似问题