伪造视口宽度以模仿桌面上的较小屏幕

Question

我有一个父容器，其中包含带有div.row个孩子的Bootstrap div.col-...元素。使用jQuery我更改容器的宽度和高度以模仿移动设备，以便用户可以预览不同大小的布局。

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

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

Answer 1

您可以在<iframe>

中显示它

<iframe src="http://yourdomain/example.html width="350px">

了解跨域问题