Html 加入&；使页眉和页脚横幅具有响应性

我尝试添加页眉和页脚横幅，但横幅看起来不正确，也没有响应。这是我的头代码：

---

将此类附加到两个横幅上。就像下面的例子

<center style="margin-top: 10px"><a href="https://example.com"><img class="imgClass" src="https://example.com" alt="Banner"></a></center>

这看起来像这样

<img style="width:100%; height:auto; float:left;" class="imgClass" src="https://example.com" alt="Banner">

.nav{
位置：固定；
排名：0；
左：0；
右：0；
文本对齐：居中；
背景：#fff；
盒影：0.4pxRGBA（0,0,0,0.125）；
}
.nav>.container{
最大宽度：950px；
左侧填充：1.5em；
右侧填充：1.5em；
左边距：自动；
右边距：自动；
}
.导航标题{
显示：内联块
字体系列：无衬线；
字体大小：粗体；
字号：17px；
线高：50px；
颜色：#333；
}
/***无关***/
html{高度：500px；背景：#f9f9f9；
填充顶部：60px；字体系列：无衬线；}
#app{margin top:35px；}
.集装箱{
最大宽度：950px；
左侧填充：1.5em；
右侧填充：1.5em；
左边距：自动；
右边距：自动；
}
img{
最大宽度：100%；}

来自谷歌搜索的图像

是否希望横幅填满屏幕宽度？是的，但横幅仅为728X90。向下缩放img并保持其完整性很容易，但向上缩放则是另一回事。您可以为图像设置宽度和高度，如果该图像的比例不按相同比例缩放，则图像会扭曲或拉伸。最简单的方法是通过photoshop或其他工具将图像大小调整到合适的大小Hi Jonny，如果我只希望图像响应迅速，但在台式机/笔记本电脑上查看时保持728x90，我应该添加什么CSS？另外，我如何才能消除标题横幅上的白色小间隙？非常感谢mando你有没有链接让我可以查看img？试着去掉你头球的上边距。可能是您的差距。好的，横幅是固定大小的。您可能需要围绕该大小创建一个横幅。任何图像都会以这些比率展开，这就是我为什么要求img链接的原因

<img style="width:100%; height:auto; float:left;" class="imgClass" src="https://example.com" alt="Banner">