在非移动优化网站的整个视口中显示移动设备上的 Mobiscroll 弹出窗口？答案

【问题标题】：Show Mobiscroll popup on mobile device across entire viewport on non-mobile optimized site?在非移动优化网站的整个视口中显示移动设备上的 Mobiscroll 弹出窗口？
【发布时间】：2014-01-20 16:02:50
【问题描述】：

这可能是一个愚蠢的问题，因为我目前正在学习如何使网站适合移动设备。

我目前正在使用未针对移动设备进行优化的 mvc 4 网站/webapp。它使用定义 Web 应用程序的“工作区”的图像背景。该图像比移动视口等大得多。因此需要做更多的工作来制作一个完整的移动网站。但是，所有者想使用 Mobiscroll 插件。当在移动设备上查看网站时，mobiscroll 弹出/模态非常小，看起来不像演示，因为整个网站都没有针对移动设备进行优化。

是否可以仅将 mobiscroll 弹出窗口设置为扩展到移动设备而不是站点的其余部分？基本上该网站仍然是桌面版本，但 mobiscroll 弹出窗口会放大到屏幕大小？

【问题讨论】：

标签： javascript css mobile viewport mobiscroll

【解决方案1】：

为了以“正常”大小显示 mobiscroll，请在 html 的头部部分使用此元标记：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

【讨论】：

我明白这一点。我描述的问题是，这个特定站点为工作区域使用的背景图片大于宽度=设备宽度，比例为 1。因此不能使用 user-scalable=0。当用户缩放时，mobiscroll 滚轮非常小。我只是在寻找一种快速的方法，可以让这些轮子按比例放大到“设备宽度”。