我的视口标签有一个非常奇怪的问题，这让我疯了。
我的例子基于这篇文章：http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=320">
</head>
<body>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec tortor turpis, id pharetra purus. Pellentesque venenatis tortor vitae metus varius placerat. Donec eu dui id turpis egestas lobortis.
</body>
</html>
现在，我正在iPhone和Android上观看此页面。我应该在两部手机上看到的是文字，以肖像模式，第一行以consectetur结尾，在横向模式下，第一行也以consectetur结尾，但文字较大。
我看到的是：
第一张图片（Xn5r7ef），iPhone肖像 第二张图片（mYNvAGR），iPhone风景 第三张图片（7wqmCAX），Android肖像 Fouth image（sFuyxlc），Android风景
可以看出，android不会调整文本大小，它只是保持文本大小相同，并使用额外的宽度来显示更多文本。从开发歌剧链接中我了解到这不应该发生。
如果我使用width = device-width，两部手机都会显示与imgur相同的文字，这意味着在这种情况下，iPhone无法正确显示文字。
我在这里做错了什么？难道我做错了什么？我怎样才能让它正常工作？
显然，我的真实项目要大得多，但我有类似的元视口地狱问题......问题，页面似乎放大了太多，每页加载，不同页面（具有完全相同的视口元标记） ）有不同的缩放
答案 0 :(得分：0)
令我惊讶的是，我可以使用http://imgur.com/nPiK8Nc
上的示例确认所描述的Android（http://imgur.com/pQ8OUGP）和iPhone行为（http://andreasbovens.github.com/understanding-viewport/）这些问题对我来说是新的，并且必须是Android浏览器和移动Safari中最近的回归... Chrome和Opera Mobile的行为应该如此。
非常烦人的错误：您可以使用initial-scale=1解决iPhone问题。我没有针对Android问题的解决方法。调查。