在桌面浏览器中显示移动应用程序

Question

大多数移动网站在常规浏览器中看起来非常可怕 - 整个事件遍布整个页面 - 哦，男孩！

我想展示一个使用phonegap/JQuery Mobile开发的移动应用程序，它将其Web内容放置在线上。使它看起来合理的最好方法是什么？

选项1.创建一个包装，仅在移动网站上提供，并使用iframe或ajax调用移动部分。

选项2.提供媒体查询和适当的样式。 （我发现这个选项过于困难，因为JQ Mobile引入了很多必须“撤消”的东西。）

选项3？

谢谢！

Answer 1

选项3：使用Ripple，这是一款适用于Chrome的免费移动模拟器插件。

选项4：你也可以考虑做一些服务器端样式（使用用户代理映射库）。在这种情况下，在服务器确定请求来自桌面浏览器的情况下，您应该在您的HTML正文中设置最大宽度为320px。