【发布时间】: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 则执行此操作或执行其他任何操作。
-
标题
标签: php javascript android iphone web-applications