Question

以下标记非常简单，令我感到困惑的是，为什么我无法在iPhone 4上使用Safari进行扩展。知道我可能会遗漏什么，或者这是一个错误吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=640, user-scalable=no" />
<title>Title</title>
<style type="text/css">
<!--
body { padding:0; margin:0; }
-->
</style>
</head>

<body>

<a href="example.html"><img src="splash.jpg" width="640" height="960" alt="Click"></a>

</body>
</html>

Answer 1

我遇到了同样的问题，有些网页确实有效，但我自己没有。

问题在于框架。如果您对内容进行帧化（例如，按域主机进行帧转发），则不使用元标记。

昨天我尝试编写WebApp时遇到了我的错。

希望我能帮忙

Answer 2

我认为你必须将宽度设置为设备宽度，但我可能错了。

Answer 3

你正在使用xhtml结束标签，摆脱它们，可能它会起作用。如果没有，请在body标签中添加preventDefault()处理程序。

注意：添加preventDefault();也会停用垂直滚动。

Answer 4

我不确定你的目标是什么，但如果你想让你的页面在横向和纵向视图中全宽（并且不再），那么试试：

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=1;"/>

iPhone 4的“用户可扩展=不”被打破了吗？

4 个答案: