序言：
我使用了一个有点响应性的主题（骨架）。它将布局更改为小屏幕尺寸的单列，
我的问题是：
调整屏幕大小时，我的标题图像（我使用管理面板中的主题选项插入的）没有缩放。它一直保持在940x150。当在移动设备上查看时，这会导致一个完整大小的标题，内容在左边的一列中，所以我留下了各种空白。
我想：使图像缩小屏幕宽度
或
将标题图像替换为适合较小屏幕尺寸的标题图像。
选项2的问题是并非所有设备都具有相同的屏幕宽度，因此它仍然需要可缩放到一定程度。
理想情况下：
当超过以下规定的宽度时，图像将缩放以适应700多英寸（ipad横向）和940标准之间的屏幕。
当低于一定的屏幕宽度时（比如低于平板电脑/ipad大小，因此最大宽度为700左右），图像会被换成较小的图像，然后在300到700左右之间放大或缩小（刚好低于ipad大小）。
通过这种方式，图像对于网站的渲染来说总是合适的大小。
这个特定图像的问题是在中间的空白（空格）量。在一定的宽度以下，我认为图像的元素会变得做作和混乱，它们之间有太多的空间。
网站：
porthuronairportshutter.com
将其添加到您的css中：
img {
height: auto;
max-width: 100%;
}
我想明白了。这实际上是一个删除我上传的带有主题选项的标题，并上传带有wp核心功能的问题。然后我移动了header.php中的导航栏，在对页边空白和填充进行了一些调整之后——poof！