html - 如何使标题图像在全屏时占 50%，然后在某一点堆叠并开始跨越全宽？

Question

我有 2 个标题图像，它们共享 49% 的全宽标题，它们并排放置。我正在使用我进一步定制的响应式骨架主题。我希望 2 个标题图像共享浏览器宽度的一半，直到某个断点。我页面内容的其余部分堆叠在 770 像素左右。我希望 2 个标题图像在该点堆叠，但开始跨越 100% 的宽度。

这是我的网站 http://www.stonesgamblinghall.com/dev

Answer 1

答案应该是这样的:

.header {width:49%;}
@media screen and (max-width: 770px)
{
    .header{width:100%;}
}