【问题标题】:Web App, Android Vs Iphone ScrollWeb 应用程序,Android 与 Iphone 滚动
【发布时间】: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


【解决方案1】:

是我的 css 文件中的 overflow: hidden; 导致了问题

【讨论】:

    猜你喜欢
    • 2011-02-22
    • 2011-10-05
    • 2011-01-04
    • 2011-04-21
    • 2016-06-28
    • 1970-01-01
    • 1970-01-01
    • 2014-07-28
    • 1970-01-01
    相关资源
    最近更新 更多