backgroun-size:

数字:100px 80px

百分比:100% 100% 相对于父元素的,能占满全屏,但是比例可能会失真

cover:占满全屏,可能一部分显示不出来

contain:有一个占满方向占满,背景图不失真

转载于:https://www.cnblogs.com/yuanyuan-1994/p/8660951.html

background-size属性100% cover contain相关推荐

  1. 【前端小点】CSS之background背景属性详解

    本篇文章我们将一起展开来看css的background背景属性. 一.结构 创建DIV <div class="div1">1 </div> 样式 widt ...

  2. background 背景属性详解

    background 背景属性 我们知道元素有前景色color,与之对应的还有背景色,通过background我们可以为元素添加实色(background-color)和任意多个背景图片(backgr ...

  3. background复合属性顺序_background:常用背景属性(复合属性)

    定义和用法 background 简写属性在一个声明中设置所有的背景属性. 可以设置如下属性:background-color     | 背景颜色 background-position   | 背 ...

  4. Background背景属性

    Background背景属性 背景属性可以设置背景颜色.背景图片.背景平铺.背景图片位置.背景图像固定等 1.背景颜色 源代码 background-color:颜色值;                ...

  5. string[x]:size 属性具有无效大小值0

    SqlParameter[] lists={new SqlParameter("@test",SqlDbType.VarChar),new SqlParameter("@ ...

  6. CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size?...

    原文:CSS: div高度自动适应背景图片的高度 How to get div height to auto-adjust to background size? 其实方法非常简单,直接写代码: &l ...

  7. (15)css常用样式—background背景属性

    一.背景属性概述 CSS 中除了布局类属性,还需要添加一些背景类的内容进行页面的修 饰,从而让网页变得更加的美观. CSS 中通过 background 属性来设置背景,它是一个综合属性,可以拆分成多 ...

  8. Background 全属性实例图解(10种全)(一)

    Background 全属性实例图解(10种全)(一) 本文目录: 一.background属性: (1).属性描述 (2).background属性使用示例 (3).background动画属性 ( ...

  9. element select 自动展开_原生js 让select下拉框自动展开 可用size 属性来代替展开动作...

    找遍全网都没一个比较好的例子!!! 什么获得焦点事件,或者添加一个点击事件都不能使下拉框自动展开 最后用标签的siz属性 定义和用法 size 属性规定下拉列表中可见选项的数目. 如果 size 属性 ...

最新文章

  1. AI新浪潮:截止2022年,全球74%的计算将来自端侧
  2. Oracle-分析函数之取上下行数据lag()和lead()
  3. python源码精要(5)-C代码规范
  4. 网易云信实时音频框架背后:算法优化带来产品体验全面提升
  5. boost::hana::tuple_c用法的测试程序
  6. 切片slice(python)
  7. python中的拷贝
  8. python全部语法_python基本语法
  9. 面试题:InnoDB 中一棵 B+ 树能存多少行数据?【面试不翻车,翻车就跑路】
  10. Redis (三)雪崩和穿透
  11. excel转pdf排版怎么不变
  12. 关于成功和努力的一些想法
  13. 如何绘制抽奖转盘html,利用canvas实现抽奖转盘
  14. Java8------Sort()
  15. 计算机考试没有输入法怎么办,输入法没有了怎么办呢 解决方法有哪些
  16. Virtual Vertex Muster9—3D渲染农场管理软件
  17. 大据数技术之高频面试题8.0.9
  18. 打计算机游戏用英语怎么说,打游戏用英语怎么说
  19. 大二学生JavaScript实训大作业——动漫秦时明月7页 期末网页制作 HTML+CSS+JavaScript 网页设计实例 企业网站制作
  20. 第三次实验报告MapReduce

热门文章

  1. Windows 命令终端(CMD)程序员常用的命令
  2. 算法提高 日期计算c语言,算法提高 日期计算
  3. android获取应用安装通知消息,如何在Android 11 上获取已安装应用列表
  4. php 时间加法函数_php 时间加减
  5. php api 实例maccms,苹果cmsV10API接口说明
  6. Java从键盘输入若干数_用java编程序:从键盘输入若干个整数,输出这些数中大于其平均值的数。...
  7. 动态数据交换 python_如何用 Python 和 Streamlit 做交互式数据分析产品?
  8. LeetCode 15 二进制中1的个数
  9. php扩展 waf,基于PHP扩展的WAF实现
  10. oracle 递归计算,SQL(Oracle)中的递归计算