背景大小包含AND长度

Question

我有一个div，它有一个大小设置为包含的背景图像。然而，对于视网膜计算机（Macbook Pro等）来说，这张图像是一张双倍分辨率的图像，所以我希望能够让页面以某种方式意识到，即使我说的是背景大小：包含200x200的图像，它也应该把它当作100x100的图像来处理。有办法做到这一点吗？本质上，我想要这样的东西：

{
    background-position:center bottom;
    background-size:contain
    background-size-again:100px 100px; /*???*/
}

Answer 1

好的，所以你应该使用

background-size:cover 

这将强制图像保持高分辨率，然后将元素大小设置为所需的大小，例如100px x 100px