2011-08-09 64 views
0

我正在测试一个带有2个iPhone的移动网站。当我将1旋转到横向模式时,文本调整大小(所需)。当我旋转到其他风景模式,文本不调整(不希望)iPhone在纵向和横向之间调整大小的文字

我已经使用WebKit的文字大小调整风格的尝试,但发生

html, body, p, div, h1, h2, h3, h4, h5, h6 { 
    -webkit-text-size-adjust:none; 
} 

相同的行为我头标记

<head> 

    <meta charset="utf-8"> 

    <title>Site</title> 

    <meta name="HandheldFriendly" content="True"> 
    <meta name="MobileOptimized" content="320"/> 
    <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0"> 

    <link rel="stylesheet" href="style.css"> 

</head> 

是否有一些设置可以更改为始终调整文本大小?我应该重新访问移动设备的元信息吗?

编辑:

iPhone1 = iPhone 4 Verizon running iOS 4.2.6 
iPhone2 = iPhone 4 AT&T running iOS 4.3.5 

由于

+0

是它们都运行iOS相同版本的?他们是同一个模型吗?他们是什么模型和版本? – Moshe

+0

这里是一个[更简单的解决方案](http://stackoverflow.com/a/12585002/557810),如果*所有*你试图解决的是文本大小调整。 – inko9nito

回答

4

设备宽度总是指在纵向模式下对宽度,所以宽度=设备宽度将扩大在横向模式下的视口。这是iPhone的怪癖(我认为iPad也是)。似乎有点愚蠢,但这是苹果如何做到这一点。

所以只需使用:

<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0"> 

或更好,这一点,这将仍然允许用户规模,如果他们想:

<meta name="viewport" content="initial-scale=1.0"> 
+0

你刚刚为我节省了很多时间。你是怎么发现的? – moritz