UIWebView中的jQuery Mobile在UIWebView不是全屏时剪切内容答案

【问题标题】：jQuery Mobile in UIWebView Clipping Content When UIWebView Isn't Full ScreenUIWebView中的jQuery Mobile在UIWebView不是全屏时剪切内容
【发布时间】：2012-07-16 22:30:38
【问题描述】：

我有一个小于全屏（特别是 540x560 像素）的UIWebView。我的问题是我的jQuery mobile 内容被截断，而不是像我期望的响应式网站那样调整大小。我已经上传了一个带有问题here 的示例项目。任何想法如何解决这个问题？

【问题讨论】：

标签： iphone ios ipad jquery-mobile

【解决方案1】：

在 html 的 head 部分检查以下标签，它告诉浏览器使视口的宽度与设备宽度相同

<meta name="viewport" content="width=device-width, initial-scale=1">

删除该标签将删除水平滚动

编辑：

您不能从http://jquerymobile.com/demos/1.1.1/docs/lists/index.html 中删除元标记，因此请将其托管在本地服务器上。

【讨论】：

【解决方案2】：

将视口的宽度和高度设置为 UIWebView 的高度。这将注册浏览器窗口的“底部”，并且如果它是适当的高度，则应防止您的内容被截断。

请看这里：http://developer.apple.com/library/ios/ipad/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

【讨论】：

【解决方案3】：

好的@Kevin，你要做的就是在KSViewController.xib 中调整UIWebView 类的大小。如果你想让你的应用程序成为一个 Web 应用程序，只需在 Xcode 项目中添加你最喜欢的框架和文件夹即可。

希望这会有所帮助。 :)

【讨论】：