我可以使div表现得像一个单独的视口

Question

假设我有一个包含2个div的页面。每个div包含相同的数据，例如content x。

content x具有媒体查询和视口的响应能力。

Div1与页面width: 100%

一样大

Div2有width: 320px;

我想要实现的是，当我在桌面上时，我喜欢div2来显示内容，就好像它是一部手机（模拟手机视口）而div1保持不变（桌面版）。

这是否可行，而不修改content x的CSS？

我之所以这样做是因为content x有很多东西，需要时间来添加css。

当我设置'div2宽度：320px ,时，内容x`未正确重新排列（就像在移动设备屏幕上一样）。