Css 重新调整背景图像的大小

我有一个滑块，它通过加载背景图像来工作。我需要调整此图像的大小，使其适合所有屏幕。我知道需要输入哪行代码，但不知道如何操作。我需要补充一点

background-size: 100% 100%;

对于

$style

变量，我将如何执行此操作

我试过了

$style = "background-size: 100% 100%;, background:url('". Mage::getBaseUrl('media') . $s['image'] . "') 50% 0 no-repeat;";

但是加载的是背景大小，而不是背景

<ul class="slides">
            <?php
            $slides = $this->getSlides();
            foreach($slides as $s) {
                $style = $content = '';
                $attr = 'data-img-height="0"';
                if ( !empty($s['image']) ) {
                    $imgSize = getimagesize(Mage::getBaseDir('media') .'/'. $s['image']);
                    if ($imgSize) {
                        $style = "background:url('". Mage::getBaseUrl('media') . $s['image'] . "') 50% 0 no-repeat;";
                        $attr = 'data-img-height="'.$imgSize[1].'"';
                    }
                }

默认情况下，
背景大小
为
初始值
（实际上是
自动
）。因此，当使用
background
时，包括
background size
之前的所有背景相关设置将被默认值或
background
声明中设置的值覆盖。因此，您应该将
背景大小
放在
背景
声明之后。或者设置
背景图像
，
背景位置
，
背景重复
。。。按您想要的顺序分别设置。
将
背景大小
放在
背景
之后，否则它将被默认值的
背景
覆盖。非常感谢，我知道这很简单，但无法解决哈哈。再次感谢你，如果你想写它作为一个答案，我会接受它。你也可以使用“背景”css属性的“封面”属性。然后，浏览器将根据纵横比调整大小。非常方便，不需要任何PHP，这提高了性能！这最好写在其他成员的答案中；）@ZahidKhan是的，我只是觉得这太基本了，回答需要更多的解释，所以有时候如果没有任何人提供添加OP的答案，我不会添加：）