百度试题 题目中国大学MOOC: background-size:contain;表示图片自身的宽高比不变,缩放至整个图片自身能完全显示出来,所以容器会有留白区域。相关知识点: 试题来源: 解析 对 反馈 收藏
background-size 宽高比与图片宽高比不同,cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被裁掉;cover即为”塞满“。contain:图片自身的宽高比不变,缩放至整个图片自身能完全显示出来,所以容器会有留白区域。contain即为“包含”,我图片虽然缩放了,但是整个图是被“包含”在里面了,完整显示,不能...
background-size的可能值 background-size的可能值是auto,contain, 和cover. 1、background-size: cover 在这里,图像将被调整大小以适应容器。如果长宽比不一样,那么图像将被屏蔽以适应。 当使用background-size: cover时,请确保考虑图像的长宽比。 2、background-size: contain 在这种情况下,图像将被调整大小以...
contain 是核心点是图片要全部展示完（通过缩放或者拉伸），假设图片(100，50)，那么如果容器size是（500...
background-size:contain; } 效果图: 看得出来:contain版:图片同比缩放至图片能完全显示在容器中,故容器有留白。so,这就涉及到俺最开始说的background-repeat了。 如果情况变成background-repeat:repeat,(其他代码不变)那么此处的留白区域会再平铺一张背景图,而且肯定是铺不满一张的,那么这第二张背景图才会被截断...
background-size:100% 100%:图像完整, 将宽高填充满,但图像会变形; background-size: 100% auto:等比缩放, 沿 X轴铺满, 但高不会填充整个区域;可能会留有空白; backgroundSize cover :等比缩放, 显示不完整,超出部分会被裁剪; backgroundSize contain:等比缩放, 但不会填充整个区域;可能会留有空白; ...
在CSS3中,代码“background-size:contain”表示( )。A.将背景图片等比例缩放到宽度或高度与容器的宽度或高度相等,背景图片始终被包含在容器内。
background-size中的cover与contain都是将图片以相同的宽高比缩放以适应容易的宽高, 不同的是cover会缩放至图片能够铺满整个容易,可能会有部分图片区域被裁剪, 而contain则是图片会缩放至整个图片都能显示完全,但是容易可能会有留白。 ps:这个就是设置大小的 不是位置...
cover:图片宽高比不变,铺满整个容器的宽高,图片多出来的部分会裁掉 contain:图片宽高比不变 ,缩放至图片完全展示出来,所以会有留白区域 在repeat情况下 cover:图片宽高比不变,铺满整个容器的宽高,图片多出来的部分会裁掉 contain:容器至少有一张完整的图,留白区域则平铺背景图,铺不下的再裁掉...