如何在全屏幕上制作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%;}
}