-1

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

在此处输入图像描述

在此处输入图像描述

截图示例（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示例重现它：

  1. 在 iOS 7 上的 Opera Mini 8中以纵向打开jsbin示例- 页面宽度为屏幕宽度的 100%
  2. 旋转到横向 - 页面宽度小于屏幕宽度的 100%
  3. 滚动到底部 - 页面后有可用空间

我怎样才能解决这个问题？

4

1 回答 1

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 版本中已修复

于 2014-08-05T07:01:43.087 回答