为什么iPhone在翻页时会让我的文字变大？

Question

我有一些div作为页面上的标题，然后在它们下面的文本。当我将手机翻过来时，即使没有CSS来做这件事，文本也会突然变得虚高。

有什么可以做到这一点？

Answer 1

当iPhone在肖像被保持，它具有320个像素（或640在iPhone 4）的宽度。水平放置时，其宽度为480像素。您所描述的“缩放”效果是MobileSafari重绘宽度较大的文字。

Answer 2

尝试使用下面的元标记设置视口：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 

希望这有助于。它帮助我获得了一致的移动页面。

鲍勃

Answer 3

好吧，我知道了......

基本上甚至当我设置了视区的浸润剂仍然搅乱。为了阻止这种情况发生，我将元素放置在固定宽度为320px的div中。

这样的文字大小是相同尺寸的div水平或没有时..

干杯 皮特

Answer 4

我发现，如果DIV有足够的地方来个大的内部文本，文本将是大。但是，如果div是内联元素或者没有可用空间，则iPhone旋转后文本将不会缩放。