background-size:cover | cotain 背景图
object-fill: fill/ contain / cover / none / scale-down
- fill 默认值。内容拉伸填满整个content box,不保证保持原有的比例。
- contain: 保持原有尺寸比例。长度和高度中短的那条边跟容器大小一致,长的那条等比缩放,可能会有留白。
- cover: 保持原有尺寸比例。宽度和高度中长的那条边跟容器大小一致,短的那条等比缩放。可能会有部分区域不可见。 none: 保持原有尺寸比例。同时保持替换内容原始尺寸大小。
- scale-down:保持原有尺寸比例,如果容器尺寸大于图片内容尺寸,保持图片的原有尺寸,不会放大失真;容器尺寸小于图片内容尺寸,用法跟contain一样。
今天处理自适应问题时,banner插入的图片
- weidth:100%
- height:auto
嗯哼,完全不对(看需求),应该高度一定 然后再自适应
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。