css - Android 和 iPad 都不尊重视口(viewport)

标签 css ipad web-applications android-layout mobile

每个站点都说要使用视口(viewport)中的设置,但它们会变得平淡无奇,无论多么完美,在任何条件下都根本无法工作。

此代码无效:

<!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>

您可以更改任何设置,但它不起作用。它什么都不做。

你真的不能得到比这更多的精简代码,所以我做错了什么?

最佳答案

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

问题是内容在 pwned viewport 的 iFrame 中返回。取出 iFrame,问题解决。

关于css - Android 和 iPad 都不尊重视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8347314/

相关文章:

JavaScript可视化应用——代码组织、 Backbone mvc、桌面版等

javascript - 如何在叠加层上放置文本?

css - 如何通过大列制作一个基于 sass 的网格系统

python-2.7 - 如何将 python Tkinter 桌面应用程序转换为 Web 应用程序

javascript - PWA - 强制朝向景观不起作用

objective-c - UINavigationController 可以有多少个按钮

javascript - 无法在 doGet() 中执行多个 MailApp.sendEmail()

javascript - 带有 if 的 html 属性控件

css - 侧边栏未加载正确的位置

ipad - 应用被拒绝 : Crashes on iPad