将图像放置在响应式页脚中

Question

我想将下面的图片放在响应式页脚中。

当宽度为 400 像素时，我想在页脚中显示图像，如下所示。我想像以前一样保持高度。我该怎么做？

Answer 1

你可以设置背景为

背景：#eee url(image_path) center center； 并设置max-wdith=100%，同时将高度设置为固定的px值；

见下文：

#catcat {
            background: #eee url(https://i.stack.imgur.com/wyc3V.jpg) center center;
            max-width: 100%;
            height:300px;

        }

<div id=catcat></div>