Question

嗯，我的问题很简短：为了在常规网络浏览器中显示移动版视图的预览，是否有可能假冒移动环境？

我找不到任何东西 - 但也许我无法为有效的搜索找出合适的关键字。另一方面，也可能是这根本不可能。

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

Answer 1

好吧，我认为最好的方法就是使用iframe。但有些事情需要加以考虑。您的媒体查询无法定位设备，因此max-device-width只有max-width here

假设您想要模拟您的网站在手机上的外观，您的媒体查询需要看起来像这样

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

此媒体查询的iframe需要320到400像素之间的宽度