Android 视口完全不工作_Android_Iphone_Viewport

Android 视口完全不工作

android iphone

Android 视口完全不工作,android,iphone,viewport,Android,Iphone,Viewport,我对viewport标记有一个非常奇怪的问题，这让我抓狂我的示例基于本文：代码： Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·内克·托托·图皮斯，我是法雷特拉·普鲁斯。静脉曲张静脉曲张。不要喝杜松子酒。现在，我正在iPhone和Android上观看这个页面。我应该在两部手机上看到的是文字，在portait模式下，第一行以ConceteTur结尾，在横向模式下，第一行也以ConceteTur结尾，但文字更大我看到的是：第一张图片（Xn5r7ef

我对viewport标记有一个非常奇怪的问题，这让我抓狂

我的示例基于本文：

代码：


Lorem ipsum dolor sit amet，是一位杰出的献身者。埃尼安·内克·托托·图皮斯，我是法雷特拉·普鲁斯。静脉曲张静脉曲张。不要喝杜松子酒。

现在，我正在iPhone和Android上观看这个页面。我应该在两部手机上看到的是文字，在portait模式下，第一行以ConceteTur结尾，在横向模式下，第一行也以ConceteTur结尾，但文字更大

我看到的是：

第一张图片（Xn5r7ef），iPhone肖像第二张图片（mYNvAGR），iPhone环境第三张图片（7wqmCAX），安卓人像第四张图片（sFuyxlc），安卓景观

可以看出，android不会调整文本大小，它只是保持文本大小不变，并使用额外的宽度显示更多文本。从devopera链接中，我了解到这不应该发生

如果我使用width=devicewidth，两部手机显示的文本与imgur照片完全相同，这意味着在这种情况下，iPhone无法正确显示文本

我做错了什么？我做错什么了吗？我怎样才能让它正常工作

显然，我真正的项目要大得多，但我也有类似的问题。。。问题，页面似乎放大太多，在每次加载页面时，不同的页面（具有完全相同的视口元标记）具有不同的缩放

，令我惊讶的是，我可以使用上的示例确认所描述的Android（）和iPhone行为（）

这些问题对我来说都是新鲜事，一定是Android浏览器和移动Safari最近的倒退。。。Chrome和Opera Mobile表现得恰到好处

非常讨厌的bug：你可以使用

initial scale=1

解决iPhone问题。我没有解决Android问题的方法。调查

<!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>