首页 > 代码库 > background-size
background-size
background-size:contain;
contain:包含
按比例调整图片,使得图片的宽度自适应容器的宽度。
相当于在ps中,约束比例设置原始图片的宽度值等于容器的宽度值。
如果图片过大,等比压缩后容器的高度方向上可能会有空白。
background-size:cover;
cover:覆盖
相当于ps中,约束比例设置原始图片的高度等于容器的高度。
得到的图片的宽度可能会大于容器的宽度,页面显示的时候会隐藏超出宽度部分。
background-size:100% 100%;
参数一:宽度值 百分比/固定值
参数二:高度值 百分比/固定值
相当于ps中,不约束比例设置原始图片高度等于容器高度,宽度等于容器宽度后得到的图片
可能出现的情况:图片压缩严重
background-size:inherit;
inherit:继承
不对原始图片进行任何处理,多余的进行隐藏。
background-size
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。