背景图片能自适应吗

来源：

ap0stader

2017-01-23

page{
background-image: url(xxxxx);
}

.container{
background-image: url(xxxxx); 
}

发现这上面的两种办法都没有办法自适应，怎样解决，网络的图片是可以显示的

额，解决的方法还是我自己回答了，采纳一下老师的答案，谢谢老师的启发

写回答

5回答

7七月

2017-01-25

已采纳

你可以给你的背景容器一个大小，并指定单位为rpx吗？

ap0stader

你的方法还是有一些问题，我自己把他解决了，谢谢

2017-01-26

共4条回复

7七月

2017-01-26

这样还不如设置一个image放在下面，其他的元素都浮动上去

7七月

ap0stader

文章详情页面里面的头图上不是就浮动了音乐播放图片吗？还有电影搜索也是浮动的案例呀

2017-01-27

共3条回复

7七月

2017-01-25

您说的自适应能具体一些描述吗

ap0stader

我是想小程序有没有办法让这张图片想image组件那样，能自适应设备分辨率来缩放图片，使图片铺满全屏

2017-01-25

共2条回复

小爽子

2017-03-08

设置背景图片的时候，插入本地图片，开发者工具上显示，但真机上为什么不显示呢

ap0stader

请插入一张网络图片，这个不需要https

2017-03-10

共1条回复

ap0stader

提问者

2017-01-26

还是我自己回答吧，查了下CSS用下面的方法是可以实现的，只是iPhone4上有一点点瑕疵

  /*设置背景色为图片的底色以适配机型*/
  background-color: #a67e84;
  /*设置背景不允许随屏幕滚动而移动*/
  background-attachment: fixed;
  /*指定背景的大小为设备的大小*/
  background-size: 750rpx 1250rpx;
  /*设置背景的图片*/
  background-image: url(xxxxx);
  /*不允许背景的重复*/
  background-repeat: no-repeat;
  /*让背景停靠在屏幕底端的中间*/
  background-position: bottom center;

微信小程序入门与实战（全新版）超20000人学习的好课

4年同步微信官方迭代，累计20000+人学习，比微信官方更火爆！

23866 学习 · 6899 问题

查看课程

相似问题

微信小程序的的tabBar上能加背景图片吗

回答 1

请老师指导一下，加载页面怎么可以使用图片做为背景，而不是颜色？

回答 3

七月老师，关于<image>标签

回答 2

swiper 组件如何让它高度自适应

回答 2

怎么动态添加一行

回答 2

打开慕课网App查看更多内容