提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

CSS背景图片 自适应缩放contain/cover

CSS
2023-03-07 09:06:57 时间 
background-size: contain;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;

background-size属性

  • contain: 保持图片长宽比缩放，使得容器刚好包含完整图片（上下左右可能有空白）
  • cover: 保持图片长宽比缩放，使得图片刚好覆盖容器（上下左右可能被剪裁）

相关文章