css 背景图居中固定大小显示 剩余部分用颜色填充
项目中有遇到这个问题，所以在这里记录一下
简写的方式
// url 中是图片地址
background: url(~@/styles/images/login-bg@2x.png) no-repeat center/15rem auto #F0F3F7;
分开写
background-image:url(~@/styles/images/login-bg@2x.png);
background-position: center;
background-size: 1200px auto; //根据你图片的大小自定义
background-repeat: no-repeat;
background-color:#F0F3F7;
效果图我这里就不展示了。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/64829.html
