Html 在我的网站上伪造移动环境以预览响应版本？

好吧，我的问题很简短：为了在普通的web浏览器中显示视图的移动版本预览，是否有可能伪造移动环境

我找不到任何东西，但也许我就是找不出有效搜索的正确关键字。另一方面，这也可能是根本不可能的

---

---

请注意：我不是说开发人员控制台。我想要的是在生活网站上嵌入一个小部件。用例是一个可以更新信息、添加图像等的用户，我想要的是为用户提供移动预览。

好的，我认为最好的方法是使用iFrame。但有些事情需要考虑。您的媒体查询不能针对设备，因此没有

max device width

，但

max width

是原因

假设你想模拟你的网站在手机上的样子，你的媒体查询需要看起来有点像这样

 @media only screen and (min-width : 320px) and (max-width: 400px){ {
    /*Your rules here*/
}

---

媒体查询的iframe需要320到400像素的宽度好吧，我认为最好的方法是使用iframe。但有些事情需要考虑。您的媒体查询不能针对设备，因此没有

max device width

，但

max width

是原因

假设你想模拟你的网站在手机上的样子，你的媒体查询需要看起来有点像这样

 @media only screen and (min-width : 320px) and (max-width: 400px){ {
    /*Your rules here*/
}

---

而用于该媒体查询的iframe的宽度需要在320到400像素之间

Hi！对不起，我的问题有点不清楚。我想要的是在普通浏览器上向用户显示移动版本。只显示一个移动版本？还是多个？我不明白这有什么关系。基本上，我需要一个“特殊的”

div

，在这个div中，任何呈现在里面的东西都会遵循规则，就像在一部真正的手机上一样。我的意思是：如果我可以有一个，那么我可以有很多。@displayname看看这个答案，我完全编辑了它！啊，我明白了！我明天要去看一看。已经凌晨3点了^^我会尽快告诉你的。嗨！对不起，我的问题有点不清楚。我想要的是在普通浏览器上向用户显示移动版本。只显示一个移动版本？还是多个？我不明白这有什么关系。基本上，我需要一个“特殊的”

div

，在这个div中，任何呈现在里面的东西都会遵循规则，就像在一部真正的手机上一样。我的意思是：如果我可以有一个，那么我可以有很多。@displayname看看这个答案，我完全编辑了它！啊，我明白了！我明天要去看一看。已经凌晨3点了，我会尽快告诉你的。