Web 应用程序，Android 与 Iphone 滚动
Posted
技术标签:
【中文标题】Web 应用程序，Android 与 Iphone 滚动【英文标题】：Web App, Android Vs Iphone Scroll 【发布时间】：2012-02-17 03:57:15 【问题描述】：我正在创建一个希望在 iPhone 和 android 上运行的网络应用程序。
到目前为止，它在 iPhone 上运行良好，但在 Android 上，如果页面放大一点，它只会向下滚动页面。问题是，我不想让用户缩放。
另外，这很奇怪，它适用于某些机器人，但不适用于其他机器人。在我朋友的一部手机上，它可以工作（但即使我告诉它不要这样做，它也会缩放），而在其他手机上，它不会缩放，也可以滚动。
似乎唯一可行的方法是获取整个元标记 () 远，但这让它在 android 和 iphone 上看起来都很糟糕。
<head> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <link rel="apple-touch-icon" href="isicon.png"/> <link rel="apple-touch-startup-image" href="isbackground.png" /> <link rel="stylesheet" href="is.css" type="text/css" media="screen, mobile" title="main" charset="utf-8"> <title>Title</title> </head>
【问题讨论】：
我的应用在 iphone 上可以向下滚动，但在某些 android 手机上却不能向下滚动。 您使用的是什么技术？ jQuery 移动 ? 因为我不知道那是什么，所以我想说不...。我的应用程序是一个使用 php 和 javascript 的 html 网站。问题似乎是页面 标记中的元标记。当我完全删除上面的标签时，它可以正常工作，但我不想这样做，因为它会使应用看起来很糟糕。 那么一种快速简单的解决方案是使用基于用户代理的选择性导入。如果是 android 则执行此操作或执行其他任何操作。是我的 css 文件中的 overflow: hidden; 导致了问题
【讨论】：
以上是关于Web 应用程序，Android 与 Iphone 滚动的主要内容，如果未能解决你的问题，请参考以下文章
Web 应用程序设计在 iphone 和 android/pc 上看起来不同
有效地将 Web UI 转换为在 iPhone 或 Android 设备上更好地查看？
Android WebView与JavaScript交互实现Web App