为了账号安全,请及时绑定邮箱和手机立即绑定

请教前辈们,怎么让一张图片自适应屏幕宽高?永远填充满屏幕?

请教前辈们,怎么让一张图片自适应屏幕宽高?永远填充满屏幕?

慕森王 2018-08-10 09:09:47
有点像是背景图 上面有一些文字
查看完整描述

1 回答

?
三国纷争

TA贡献1804条经验 获得超7个赞

一般来讲会使用一张分辨率比较大的图(1920*1080)作为背景图,然后再背景图设置background-size:cover;background-postion: center;

如果浏览器支持css3,那么图片小一点也无所谓,background-size设置成cover的话,会让图片自动铺满整个容器,就算不支持css3,只要图片够大,就不会出现有留白的现象。

background-postion设置为center,这样会在一些屏幕比图片小的设备上,让背景图片居中,即使在移动设备上也不会让图片的宽高比变得很奇怪。(如果你的容器宽高比是不变的话,那也可以不加这个属性。)


查看完整回答
反对 回复 2018-09-21
  • 1 回答
  • 0 关注
  • 1079 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信