我在iPad Pro上遇到html5元视口标记问题。我创建了一个像这样的页面
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=1024,user-scalable=no" />
</head>
<body>
//Some tags here
</body>
</html>
当我在我的应用程序中使用UIWebView查看此页面时,页面不会端到端呈现。页面总页面宽度为“1366px”,我的内容以1024px显示。所以delta = 1366 - 1024 px白色空间。这里的用户代理是“Mozilla / 5.0(iPad; CPU OS 9_1,如Mac OS X)AppleWebKit / 601.1.46(KHTML,像Gecko)Mobile / 13B137”。
但是当我在safari中查看同一页面时,它会正确呈现,页面宽度等于元标记中指定的“1024px”。因此没有空白区域。 此问题仅适用于iPad Pro。其余的变种工作正常。这里的用户代理是:“Mozilla / 5.0(iPad; CPU OS 9_1,如Mac OS X)AppleWebKit / 601.1.46(KHTML,如Gecko)版本/ 9.0 Mobile / 13B137 Safari / 601.1”。
有人可以帮帮我吗?这对我来说非常迫切。提前谢谢。