我们还可以通过background-size来控制背景图片的尺寸。

background-size有几个属性值,常用的是cover和contain。那么background-size:cover和contain二者之间有什么区别呢?

下面学做网站论坛就来介绍一下background-size cover和contain的区别和用法。

相同点:

可以控制背景图片,并且背景图片尺寸都是等比例缩放。

不同点:

background-size:cover是铺满整个显示区域。如果显示比例和显示区域的比例相差很大某些部分会不显示。

background-size:contain:正好相反,他是按照某一边来覆盖显示区域的,会有白边。

最新文章

  1. [LeetCode] Path Sum II 二叉树路径之和之二
  2. webpack CommonsChunkPlugin详细教程
  3. C++回溯法走迷宫
  4. VPN常见错误码(633,628,691)的意思及修复方法
  5. ahjesus C# Flags 位域略说
  6. [SHELL实例] (转)最牛B的 Linux Shell 命令 (一)
  7. sql server 创建文件组,文件
  8. Error Domain=kCLErrorDomain Code=0 "The operation couldn’t be completed.
  9. 5.css字体
  10. 51nod1257 背包问题 V3
  11. php简单实现MVC
  12. 给进程分配cpu核心
  13. 各浏览器对 window.open() 的窗口特征 sFeatures 参数支持程度存在差异
  14. (二十)java小练习二
  15. 2.6 datetime 模块
  16. Selenium 3----获取断言信息
  17. THML
  18. Mac vim“装逼”配置
  19. MongoDB内存管理机制
  20. UVA12558 Egyptian Fractions (HARD version) (埃及分数,迭代加深搜索)

热门文章

  1. (Review cs231n) CNN in Practice
  2. 集成学习:以Bagging、Adaboosting为例
  3. CSS3@media媒体查询
  4. flutter- 圆角
  5. centos6添加mysql服务自启动
  6. Unix系统的启动
  7. 2019年3月10日 装饰器进阶-模拟session
  8. 软件测试3gkd
  9. 牛客练习赛43F Tachibana Kanade Loves Game
  10. Numpy 基础