responsive-design - 在比页面小的 DIV 中加载响应式网站

Question

我们想在页面某处的 DIV 中加载响应式网站。这个 div 小于视口。应用于此 DIV（以及响应式网站）的 CSS 使用媒体查询来更改其外观。

问题是这些媒体查询使用完整页面的实际视口，而不是包含响应式网站的 DIV 的宽度。因此，响应式网站可能看起来都错了。

有没有办法改变@media 查询使用的视口大小？或者我们可以通过什么方式影响桌面设备上的视口？

请注意，由于某些限制，我们不能使用 iFrame。iFrame 可以解决这个问题。