我有一个标题图像，它在桌面上看起来很好，但是，当在移动设备上访问站点时，图像会在中间在中间。

如何使图像在访问移动设备上的页面时自动重新缩放，以便其宽度与屏幕宽度匹配。

我尝试添加以下CSS代码，但不知何故，它似乎没有引用标题图像：

header-showcase {
height: auto;
max-width: 100%;
}

提前非常感谢您。