当前位置: 开发笔记 > 前端 > 正文

CSS3中backgroundsize的问题

作者：傻瓜等傻子 | 来源：互联网 | 2023-07-03 18:57

cover此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。contain此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

这里面说的最大大小和最小大小该怎么理解呢？为什么我觉得它们好像没有区别啊？

推荐阅读

css
最好用的linux发行版,最好用的Linux发行版

参加我们的第七届年度调查。有些来了又去了，但是今天有数百种Linux发行版运行良好。发行版，程序包管理器和桌面的结合为Linux用户创建了无数的定制环境。尽管存在一些共性，但我们也 ... [详细]

蜡笔小新 2024-09-30 21:45:26
html
Vue项目结构分析

Vue项目结构分析-项目结构重点在src文件夹：assets——静态资源，如css，jscomponents——公共组件router——路由文件（vuecli3.x没有自 ... [详细]

蜡笔小新 2024-09-30 20:43:16
html
springboot 事务抛出异常_Spring Boot（四）异常处理

一、参数校验错误1.注解校验注解校验的常见形式是，在JavaBean类中添加javax.validation校验注解，在控制器方法参数前添加Valida ... [详细]

蜡笔小新 2024-09-30 17:22:40
html
WebBrowser控件（1）

WindowsPhone7内置了一个强大的网络浏览器，该浏览器的内核是基于桌面版的InternetExplorer7（Mango版基于InternetE ... [详细]

蜡笔小新 2024-09-30 16:56:38
html
HTTP 请求/响应的步骤

HTTP请求响应的步骤第一步：第二步：第三步：第四步：第五步第一步：1.客户端连接到Web服务器⼀个HTTP ... [详细]

蜡笔小新 2024-09-30 16:44:08
html
[BZOJ3295][Cqoi2011]动态逆序对 CDQ分治&树套树

3295:[Cqoi2011]动态逆序对Description对于序列A，它的逆序对数定义为满足iAj的数对(i,j)的个数。给1到n的一个排列，按照某种顺序依次删除 ... [详细]

蜡笔小新 2024-09-30 16:34:49
html
（代码素材）猫猫学IOS（七）UI之UITextField代理事件_类似QQ登陆窗口的简单实现

猫猫分享，必须精品原文地址：http:blog.csdn.netu013357243articledetails44571163素材地址：http:download.csdn.n ... [详细]

蜡笔小新 2024-09-30 15:47:15
html
织梦DedeCMSckeditor编辑器通过修改js去除img标签内的width和height样式

1.找到文件\include\ckeditor\plugins\image\dialogs\image.js2.使用工具美化js代码3.搜索setStyle(width,CKEDI ... [详细]

蜡笔小新 2024-09-30 15:36:59
html
GoogleLog(GLog)源码分析

本文分析和介绍了GLo ... [详细]

蜡笔小新 2024-09-30 15:14:04
html
mysql 子查询sum失效

代码：在mysql5.6，运行正常，5.7报错SELECTsum((selecta.numwherea.status1))astotalFROMmes_order_productA ... [详细]

蜡笔小新 2024-09-30 14:13:47
html
每日一练ACM 2019.04.14

2019.4.14第1001题：SumProblemProblemDescriptionHey,welcometoHDOJ(HangzhouDianziUniversityOnli ... [详细]

蜡笔小新 2024-09-30 14:09:13
html
Git（1）

安装Git完毕（在开始菜单打开的话，打开的不是你想要的路径，切换路径很麻烦）1.D盘新建GitTest文件夹2.打开GitTest,在空白的地方右键，3.单击GitBashHere ... [详细]

蜡笔小新 2024-09-30 14:07:01
html
python基础（二、pycharm安装、卸载）

3.在Ubuntu中安装PyCharmPyCharm的官方网站地址是：https:www.jetbrains.compycharm注意：安装时不要使用root用户安装，否则后期使用 ... [详细]

蜡笔小新 2024-09-30 13:43:10
html
jQuery源码学习2——初始化篇

这一篇主要总结一下jQuery这个js在引入的时候做的一些初始化工作第一句window.undefinedwindow.undefined;是为了兼容低版本的IE而写的因为在低版本 ... [详细]

蜡笔小新 2024-09-30 13:40:32
build
spotify engineering culture part 1

原文，因为原视频说的太快太长，又没有字幕，于是借助youtube，把原文听&打出来了。中文版日后有时间再翻译。oneofthebigsucceessfactorshereatSpo ... [详细]

蜡笔小新 2024-09-30 13:36:17

傻瓜等傻子

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章