css 使容器的高度和宽度始终相同。适合方形容器上的背景图像!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使容器的高度和宽度始终相同。适合方形容器上的背景图像!相关的知识,希望对你有一定的参考价值。

.background-image {
  position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
}

以上是关于css 使容器的高度和宽度始终相同。适合方形容器上的背景图像!的主要内容,如果未能解决你的问题,请参考以下文章

使 HTML5 视频适合父元素大小

图像高度与宽度相同

java 使用宽度和高度之间的较大尺寸的视图始终为正方形。适合专辑作品。

CSS 根据 jQuery 的宽度百分比设置高度

如何使用 VBA 在 Word 中将多个图像裁剪为相同大小,同时使其适合其容器形状

使图像适应容器大小保持纵横比