background-size:contain與cover的區(qū)別:
不同之處:
1、在no-repeat情況下函似,如果容器寬高比與圖片寬高比不同槐脏,
cover:圖片寬高比不變、鋪滿整個容器的寬高撇寞,而圖片多出的部分則會被裁掉顿天;cover即為”塞滿“
contain:圖片自身的寬高比不變,縮放至整個圖片自身能完全顯示出來蔑担,所以容器會有留白區(qū)域牌废。contain即為“包含”,我圖片雖然縮放了钟沛,但是整個圖是被“包含”在里面了畔规,完整顯示,不能裁剪恨统。
2叁扫、在repeat情況下:
cover與上述相同;
contain:容器內(nèi)至少有一張完整的圖畜埋,容器留白區(qū)域則平鋪背景圖莫绣,鋪不下的再裁掉。