（跳到实际问题的粗体文字）
我使用Bootstrap为浏览器制作Bootstrap WYSIWYG编辑器。
<body>
<div class="container-fluid">
Content gets edited here
</div>
<div class="sidepanel left"></div>
<div class="sidepanel right"></div>
</body>
侧板每个占用200px，并定位为固定。身体边缘使得容器不会重叠。
body {
margin: 0 200px;
}
我需要使用Bootstrap的内置响应功能。我希望能够调整身体边距，以便能够在其他屏幕尺寸上预览网站 - 我应该能够增加边距以使视图更小。
引导程序中的媒体查询处理列并在不同屏幕上隐藏内容。
但是，媒体查询不考虑正文边距，而是给出整个窗口的宽度。我需要媒体查询来测量有效窗口宽度（窗口宽度 - 体边距）。这样做的最佳方法是什么？
编辑。我已经使用iframe来执行此操作。