css - 将 CSS background-size 设置为 'original' 或 '2x original' 等？

Question

我正在制作图像 Sprite 表。图标在移动设备上需要是大小的一半，因此背景大小需要是原始图像的一半。

在PX中设置background-size属性是唯一的方法吗？

在某些情况下，图像需要为 3/4 或原始大小，因此能够将背景大小指定为原始图像的比例会更快，并使代码更易于阅读。

Answer 1

为移动设备使用 background-size 是不错的选择 it's more widely supported .

你可以设置百分比的背景，如果这对你来说更容易阅读的话:

(1/2)

background-size: 50%;

(3/4)

@media only screen and (min-width: 480px){
    background-size: 75%;
}