前言：
我正在使用一个有点响应的主题（骨架）。它将布局更改为小屏幕尺寸的单列，
我的问题是：
调整屏幕大小时，我的标题图像（我使用管理面板中的主题选项插入）没有缩放。它始终保持在 940x150。在移动设备上查看时，这会导致一个完整大小的标题，其内容在左侧的单列中，所以我留下了各种空白。
我想：使图像随着屏幕宽度缩小
或者
将标题图像替换为适合较小屏幕尺寸的图像。
选项 2 的问题不是所有设备都具有相同的屏幕宽度，因此它仍然需要可缩放到一个点。
理想情况下：
当高于以下规定的宽度时，图像将缩放以适应 700 左右（ipad 横向）和 940 标准之间的屏幕。
当低于某个屏幕宽度（比如低于平板电脑/ipad 尺寸，因此最大宽度为 700 左右）时，图像被交换为较小的，然后在 300 到 700 左右之间放大或缩小（刚好低于 ipad 尺寸）。
通过这种方式，图像对于网站的渲染来说总是合适的尺寸。
这个特定图像的问题是中间的空白（空白空间）量。在一定宽度以下，我认为图像的元素会变得不自然，而且它们之间的空间很大。
网站：
porthuronairportshuttle.com