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

我们想在页面的某个地方加载DIV中的响应网站。此div小于视图端口。应用于这个DIV（以及相应的网站）的CSS使用媒体查询来改变它的外观

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

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

---

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

通过此DIV查看站点时，您是否能够更改其CSS？如果是这样，您可以将容器元素的宽度更改为与DIV相同的大小。我们已经考虑过了。每个媒体查询中使用的宽度可以根据DIV比实际页面小多少而改变。问题是DIV的宽度是动态的；并且不一定取决于屏幕的宽度（即：不总是小于50px）。