Css Firefox和Webkit中的背景大小百分比不同

我有一个带有背景渐变的响应性圆形div（使用%宽度、0高度、填充底部和50%边界半径制作）。如果更改了背景大小，则它们在webkit/Firefox中不匹配

背景大小为100%/auto时，它们都符合预期：

但当我将背景大小设置为其他大小时，它们会有所不同（图像中显示的是自动200%）。Safari和Chrome按预期显示图像，但firefox没有。 网络工具包： 火狐：

如果我将背景大小设置为自动300%，它将在Firefox中正确显示，但在webkit中则太大。如果我使用-moz background size将Firefox设置为不同的设置，则较新版本只需使用background size即可。如果我使用-webkit background size将webkit设置为较小的版本，它们也会被background size属性覆盖

Styl：

背景

background-size: 200% 200%

而不是

background-size: auto 200%

---

修复了该问题，并在不同浏览器之间保持一致。

Ah，跨浏览器标准化。祝你好运我们能看看你的密码吗？是否设置了父宽度，因为垂直%填充使用宽度作为参考，框大小是否在内部？等等…@GCyrillus已经添加了这个，抱歉。父宽度为%。此外，圆形div的大小和形状也正常工作。Firefox中的背景大小也有问题，但使用的是单个百分比值（例如背景大小：200%）。使用两个值也为我修复了它。作为将来的参考，另一件需要注意的事情是Firefox不支持background-position-x和background-position-y（但是它在Chrome和Safari中运行良好），在这种情况下，使用带有两个值的background-position（例如background-position:100%100%）。

background-size: auto 200%