HTML5 Javascript移动应用程序不适用于较小分辨率的平板电脑

Question

我正在使用Kendo UI Mobile框架，并且我将min-width属性设置为768px。 当我在分辨率较低的平板电脑上向上拉动页面时，会导致水平滚动。 如果分辨率小于设置的宽度，我只希望页面自动缩小。 过去，我使用此元标记来解决此问题： <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

但这是行不通的。

关于如何使页面自动缩放以适合设备宽度的任何帮助都将非常有用

Answer 1

您也可以尝试摆脱“最小宽度” CSS属性，而仅使用“ width：100％”，使其适合任何浏览器尺寸。 对于使用ems而不是px的宽度，也有一些猜测，因为有太多不同的移动设备和浏览器，因此基本上不可能针对每种意外情况进行计划。 不幸的是，我找不到有关使用em的文章的链接，但是基本上，如果您取消了一些严格的下限限制，则可能会发现支持更多种设备更容易。

还可以检出引导程序 。 这是一个非常好的响应式设计包。

Answer 2

尝试这个例如。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,    minimum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">