bootstrap怎么设置背景图片自适应屏幕大小-木庄网络博客

2022-04-14 18:14:08 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者尚，侵删。

bootstrap设置背景图片自适应屏幕大小：

css中编辑此样式：

.bg {
       background:url(图片地址) no-repeat center;
       background-size:contain;
}

然后在你的div里引用这个样式就行了：

1	`<div` `class="row bg">`

使图片不随滚动条滚动，即固定不动则加fixd，css代码如下：

.bg {
       background:url(图片地址) no-repeat center fixed;
       background-size:contain;
}

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者