css 使背景图像覆盖整个可视区域，同时保持纵横比

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 使背景图像覆盖整个可视区域，同时保持纵横比相关的知识，希望对你有一定的参考价值。

.site-container {
	background: url(images/bg-top.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

以上是关于css 使背景图像覆盖整个可视区域，同时保持纵横比的主要内容，如果未能解决你的问题，请参考以下文章

Fabricjs - 在画布边界内缩放画布背景以“包含”

如何在保持图像纵横比的同时调整 UIButton 中的图像大小？

UIButton 背景图像水平缩放以填充同时保持纵横比

保持div的纵横比但在CSS中填充屏幕宽度和高度？

保持 UIbuttons 背景图像的纵横比

CSS：在保持纵横比的同时保持 100% 的宽度或高度？