Html 如何使用引导使图像响应

我一直在下面这个网站上工作，我正在尝试获取显示在导航菜单下的横幅，在这里，当你缩小到iPhone大小时，你仍然可以在横幅中看到播放器

此区域的代码位于此处的css中

.tp-page-header {
    background-image: url("../images/page-header.jpg");
    background-repeat: no-repeat;
    padding-bottom: 20px;
    padding-top: 20px;}

网站链接在这里。

此横幅位于每个子菜单链接下，而不是主页，因为它具有滑块。我不确定是否可以对CSS代码进行任何处理以使其具有响应性，或者它必须在HTML中作为类似顶部横幅的内容

我已经尝试了某种程度上的HTML方式，但我没有运气

这不是一个大问题，因为我可以得到一个图像颜色或css颜色的背景，如果这不起作用，但我认为这将是很好的使用，如果它的反应规模

---

谢谢

试试背景尺寸的组合：封面；和背景位置：80%0；。背景大小将缩小图像大小，使其与调整大小时的容器大小相匹配，并且背景位置将在x轴上向右移动一点，以便您可以看到足球运动员的头部。

我想说，对于ex 480，图像的较小版本是iPhone的像素大小，因此将其设为40并将其居中。要在图像缩小时显示图像，请使用@media max width 480px并在块内部，将背景图像设置为新图像

@Mcoker您的解决方案非常适合这种情况。先生，感谢您今晚花时间帮助我。Thx@DA-古鲁语！没问题。@MParksjr谢谢你的帖子，虽然这种方法也会奏效，但我觉得因为我有一些媒体css的经验，我觉得解决我的问题的最好的方法是从Mcoker上面解决的。我非常感谢你在这件事上帮助我。