Question

（跳到实际问题的粗体文字）

我使用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来执行此操作。

CSS媒体查询和正文边距

0 个答案: