【问题标题】:Neither Android nor iPad respect viewport at allAndroid 和 iPad 都不尊重视口
【发布时间】:2012-01-10 22:48:29
【问题描述】:

每个网站都说要使用视口中的设置,但它们一无所获,无论多么完美,在任何条件下都根本无法正常工作。

此代码不起作用:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=no" />
<title>Hello Android</title>
</head>
<body>
Hello iPad
</body>
</html>

您可以更改任何设置,但它不起作用。它完全没有任何作用。

没有比这更精简的代码了,那我做错了什么?

【问题讨论】:

  • 对视口一无所知,但你确定它不应该有任何大写吗?
  • 我的猜测是,因为这个标签不是标准的一部分,而且你使用的是 XHTML doctype,所以这个标签在标准 XHTML 中是无效的。另外,尝试使用 Firefox Mobile,claims 确实支持该标签。
  • 代码是正确的。它与 jqm 代码和 android 文档完全匹配。 developer.android.com/guide/webapps/index.html
  • 所以仅供参考,我仍然没有找到答案。如果有人有想法,请告诉我。

标签: css ipad web-applications android-layout mobile


【解决方案1】:

我只是在回答我自己的问题,以帮助任何可能在 google 搜索后偶然发现此问题的人。

问题是内容在 iFrame 中返回,该 iFrame 控制了视口。取出iFrame,问题就解决了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-01
    • 2017-12-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多