Javascript 假装视口宽度以模拟桌面上较小的屏幕

我有一个父容器，其中包含引导

div.row

元素，其中包含

div.col-…

子元素。我使用jQuery更改容器的宽度和高度以模拟移动设备，以便用户可以预览不同大小的布局

但是，由于引导col类对视口宽度做出反应，因此将容器宽度设置为（比如）500px不会触发列以不同方式浮动

---

我如何克服这个问题？它应该只影响页面中特定容器内的元素。

您可以在

---

大多数浏览器的开发控制台都内置了它……现在没有时间给出完整的答案，但是您是否考虑过将用户内容放入一个大小合适的iframe中？使用某种容器，例如
…
，嵌套在任何网格单元中，并通过js为其指定宽度。