图像大小破坏了响应能力
Image size breaks responsiveness
我目前正在为我的企业开发网站。
我已经差不多完成了，但是 header（在主页面内但在内容 div 之前）图像在移动设备上没有调整大小，这意味着用户可以水平滚动和它完全破坏了响应能力。
代码位于 https://GitHub.com/Maestoso-Digital/MaestosoWebsite, and website at https://maestoso.uk。
我该如何解决这个问题？
在技术性较低的方面，您对设计有何看法？您是否建议进行任何更改？
我对网页设计还很陌生，CSS 总的来说，很抱歉，如果这真的很基础或者设计看起来有点业余 - 我们都必须从某个地方开始
提前致谢。
由于背景是 img 而不是实际的 background-image 甚至 background，请将 display 设置为块状并将其宽度设置为 100%这样图像就会根据屏幕宽度调整为 100% 的宽度
#header-img {
display: block;
width: 100%;
}
如果您正在寻找有关网站的反馈和建议，请前往 ux.stackexchange 那里会有更多好运
我目前正在为我的企业开发网站。
我已经差不多完成了，但是 header（在主页面内但在内容 div 之前）图像在移动设备上没有调整大小，这意味着用户可以水平滚动和它完全破坏了响应能力。
代码位于 https://GitHub.com/Maestoso-Digital/MaestosoWebsite, and website at https://maestoso.uk。
我该如何解决这个问题？
在技术性较低的方面，您对设计有何看法？您是否建议进行任何更改？
我对网页设计还很陌生，CSS 总的来说，很抱歉，如果这真的很基础或者设计看起来有点业余 - 我们都必须从某个地方开始
提前致谢。
由于背景是 img 而不是实际的 background-image 甚至 background，请将 display 设置为块状并将其宽度设置为 100%这样图像就会根据屏幕宽度调整为 100% 的宽度
#header-img {
display: block;
width: 100%;
}
如果您正在寻找有关网站的反馈和建议，请前往 ux.stackexchange 那里会有更多好运