iOS 7 上的 Opera Mini 8 出现带有元视口标签的奇怪页面渲染答案

【问题标题】：Opera Mini 8 on iOS 7 has strange page rendering with meta viewport tagiOS 7 上的 Opera Mini 8 出现带有元视口标签的奇怪页面渲染
【发布时间】：2014-08-05 07:01:43
【问题描述】：

将iOS上的Opera Mini更新到8+版本后，横向出现奇怪的渲染错误：

截图示例(jsbin)，仅限html：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
</head>
<body>
    <div>
      Any big text here...
    </div>
</body>
</html>

你可以用jsbin例子重现它：

在 Opera Mini 8 上以纵向打开 jsbin example iOS 7 - 页面宽度为屏幕宽度的 100%
旋转到横向 - 页面宽度小于 100% 的屏幕宽度
滚动到底部 - 页面后有空闲空间

我该如何解决这个问题？

【问题讨论】：

标签： html ios mobile opera opera-mini

【解决方案1】：

问题出在<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">。

如果我在 html(jsbin) 中删除它 - 一切看起来都很好。但是用户现在可以缩放，并且在横向页面被缩放。

没有这种丑陋行为的 HTML：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
    </head>
    <body>
        <div>Any big text here...</div>
    </body>
</html>

编辑：

Opera Mini 开发人员回复了我的来信。这在 8.0.2 版本中已修复

【讨论】：