.
backgroun-size:cover; .是按照等比缩放铺满整个区域。主要用于图片比div小的时候，将图片按照某一边的比例扩大以填充整个div背景。 .优点：图片不会被拉升，且实用于div长度和宽度的比例合适时候 .缺点：图片会失真，且当宽度和高度比例过大时候，会出现图片显示不全。 backgroun-size:contain： .也是等比缩放，按照某一边来覆盖显示区域的，会有白边。 .优点：
contain 被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配，该对象将被添加“黑边”。 cover 被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。 fill 被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相
1、为啥 scss/less 要支持嵌套语法 2、什么时候需要嵌套语法 sass 重要语法 一 #{} 二 $变量 变量类型：数字，boolen，字符串（有引号，无引号），数组，对象 三 @each 变量数组或者对象 1.便利数组 $list: (1, wuhan), (2, chengdu), (3, shanghai), (4, north-america); //图片名称 @each $in
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
