css background-image - 不要改变第一张图片的大小

Question

我需要制作2个相同尺寸的图像，所以我不想改变第1张图像的尺寸。

到目前为止，我有这个

background-image: url("1.png"), url("2.jpg");
background-position: 3% 10%, 83% 27%;
background-size:[I dont want this to have values basically], 83% 27%;   
background-repeat: no-repeat, no-repeat;
position: relative;

我也尝试将第一个值留空为bg-size但从未工作过。

提前致谢。

Answer 1

尝试使用：

background-size:auto, 83% 27%;

From MDN:

  

用于缩放相应背景图片的auto关键字   方向使其内在比例保持不变。

     

如果背景尺寸为自动或自动自动：如果图像同时具有   内在尺寸，它以该尺寸呈现。如果没有   内在维度，没有内在比例，它呈现在   背景定位区域的大小。如果它没有尺寸   但有一个比例，它被渲染，好像包含已被指定   代替。如果图像具有一个内在维度和比例，   它以由一个维度确定的大小呈现   比例。如果图像具有一个内在维度但没有   比例，它使用内在维度和   相应的背景定位区域尺寸。