在DIV中加载小于页面的响应式网站

Question

我们希望在页面的某个位置加载DIV中的响应式网站。此div小于视口。适用于此DIV（以及响应式网站）的CSS使用媒体查询来改变它的外观。

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

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

请注意，由于某些限制，我们无法使用iFrame。 iFrame可以解决问题。