background: url('../../../../../assets/images/hndxDaPing/assetControl/background.png') no-repeat;
background-size: 100% 763/10.8 + vh;
background-position: center 104/10.8 + vh;
background-size:接收两个值(具体数值或百分比),第一个表宽度,第二个表高度;
background-position:接收两个值,第一个表水平方向的位置,第二个表垂直方向;
background-position可接收具体数值、百分比或关键字(top/bottom/left/right/center/contain等),也可以分开写为background-position-x和background-position-y;
background-position:100% 100%
和background-position:contain
的区别:
background-position:contain
:让背景图像按原有比例缩放以适应容器的宽高,可能会留下空白区域;
background-position:100% 100%
:强制背景图片填充整个容器(按容器的比例缩放),不会留下空白;
background-position:contain
:
background-position:100% 100%
: