背景- div的图像不能正确调整大小
背景- div的图像不能正确调整大小
提问于 2018-06-07 04:15:34
我有一个问题，我目前正在工作的网站，背景图像不是所有移动和平板设备的大小调整。
滑块后的第一个图像无法正确调整大小，即使我做了所有我应该做的事情。我将它设置为封面，这样它就可以正常伸展，但即使在那之后，我也有问题。我尝试了不同的分辨率的图片，最后使它成为div背景，因为我使用可湿性粉剂，我必须做它作为原始的-html选项。
在css中，它看起来像这样：
.vc_row.divbgImg.row-container {
width: 100%;
height: 450px;
background-image: url(https://i.imgur.com/GlIGTxV.jpg);
background-size: cover;
background-repeat: no-repeat;
}<div class="vc_row divbgImg row-container"></div>
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-07 04:49:14
添加css：
background-position: center;https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
此外，为了获得最佳效果，请确保实际图像文件的尺寸与其在网站上的显示方式接近。
.vc_row.divbgImg.row-container {
width: 350px;
height: 450px;
background-image: url('http://via.placeholder.com/350x150');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}<div class="vc_row divbgImg row-container"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50728831
复制相关文章
相似问题