Question

前段时间我在iPhone 5上制作了一个测试网络应用程序。我使用了0.5比例，因此UI在视网膜屏幕（边框等）上看起来更清晰。这很好用。

但是现在在我的新iPhone 6上我看到旋转设备时出现了一种非常奇怪的行为：在每次旋转时，页面变得越来越小，直到应用只显示几个像素并被iOS关闭！

webapp仍在iPhone 5和iPhone 4上正常工作。在浏览器中查看普通网站时也没有问题。当从主屏幕打开webapp时，它仅在iPhone 6上。我不认识任何拥有iPhone 6+的人，所以没有测试过。

对于想要测试的人，我已经将一些测试代码最小化了0.75。

<!DOCTYPE html >
<html>
<head>
<meta name="viewport" content="width=500px, user-scalable=no, initial-scale=0.75, maximum-scale=0.75, minimum-scale=0.75" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<style>
* { font-size: 20px; }
div {  float:left; clear: both; background: #ddd; border: 1px solid #333; }
</style>
</head>
<body>
  <br/>
  <div style='width: 100px'>100px</div>
  <div style='width: 200px'>200px</div>
  <div style='width: 300px'>300px</div>
  <div style='width: 400px'>400px</div>
</body></html>

我在viewport标签中尝试过任何我能想到的东西。还在另一款iPhone 6上进行了测试，并且使用了＆amp;没有缩放模式。

问题

这是Apple的错误吗？
有解决方法吗？

iPhone 6 webapp在旋转时收缩，其比例为＆lt; 1

0 个答案: