我有一个背景图像,背面有一个大的蓝色对角线,我们希望我们的一些内容与之对齐。
我在调整内容大小时保持内联的问题(背景对角线变大或变小,使对齐关闭)。
当前的css:
background: url('../../../img/bg.png') center no-repeat;
background-size: cover;
无论调整大小,我还需要保持宽高比相同?
答案 0 :(得分:2)
要保持比例,您可以以等于所需比率的百分比给出顶部或底部填充。如果图像是200px x 100 px,则填充将为50%。以%为单位的顶部和底部填充指的是父MDN的宽度。