对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小。

background-size有3个属性:

    auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时,图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。

    cover:当使用该属性时,图片将被缩放至恰好能覆盖div,并且图片被隐藏的部分最少,这种属性在大图背景中应用比较广泛。这点比较难理解,需要结合实践理解。

    contain:当使用该属性时,图片被缩放至最大且能被完全展示出来,但是由于图片的的尺寸比例与div的尺寸比例会有不同,所以当图片不能盖住div时,图片会自动平铺。

最新文章

  1. Spring的通知(Advice)
  2. Kolmogorov-Smirnov检验
  3. Lucene学习总结
  4. iOS开发-友盟分享(3)
  5. ExtJs Column 显示文字内容过长 使用Tootip显示全部内容
  6. C++宏定义中"#"与"##"的妙用
  7. Linux的端口和服务
  8. 【转】Nginx系列(五)--nginx+tomcat实现负载均衡
  9. awk用法举例
  10. Mac OS升级到Yosemite后一些问题
  11. 【剑指offer】打印1到最大的n数字
  12. 【PDF单页转化为图片输出 注意:英文或图片类的PDF可转化,中文抛异常】
  13. Sping IOC
  14. C++ Primer高速入门之三:几种常见的控制语句
  15. 使用Cordova打包Vue项目
  16. 使用Docker方式运行Mysql(MariaDB)
  17. Python开源框架、库、软件和资源大集合
  18. Python--CSV模块
  19. Oracle管理监控之Oracle用户权限
  20. vim 缩进设置

热门文章

  1. Kettle — 使用手册
  2. 使用axios对安卓或者ios低版本兼容性处理
  3. 行内元素的上下margin 和 img元素的上下margin
  4. 最长公共子序列-Hdu1159
  5. Bugku-CTF加密篇之ok(Ook!)
  6. 吴裕雄 python 神经网络——TensorFlow训练神经网络:不使用正则化
  7. Docker 安装 Filebeat
  8. Oracle的TO_CHAR()格式化数字为百分数的字符串
  9. 研发2nm芯片,台积电如何做到天下第一?
  10. JS获取光标在input 或 texterea 中下标位置