响应式设计布局与流血的边缘

Question

如图所示，文档的html / css结构的最佳方法是什么：

中心区域是实际的浏览器窗口。我需要容器div（及其内容）来扩展过去浏览器窗口（因为我需要通过transform：scale（0.xx）来缩小它;在某些时候达到一定的效果我不希望边距为空白。

容器div将具有背景的完整封面图像，并且整个事物需要根据响应式设计，无论浏览器窗口的大小如何调整，都要保持此结构。

任何提示或建议？

Answer 1

根据您提供的内容，我建议您设置一个负余量来实现您的目标。像这样：

<div id="container">
     <div id="left"></div>
     <div id="right"></div>
</div>

CSS：

#left{
     margin-left: -5%;
     margin-bottom: -5%;
}
#right {
     margin-right: -5%;
     margin-bottom: -5%;
}

然后有基于百分比的宽度和高度..希望这有帮助