0

我正在使用 2 部 iPhone 测试一个移动网站。当我将 1 旋转到横向模式时，文本会调整大小（需要）。当我将另一个旋转到横向模式时，文本不会调整大小（不需要）

我曾尝试使用 -webkit-text-size-adjust 样式，但会发生相同的行为

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

谢谢

4

1 回答 1

4

device-width 总是指纵向模式下的宽度，因此 width=device-width 将在横向模式下缩放视口。这是 iPhone 的一个怪癖（我也认为是 iPad）。似乎有点愚蠢，但这就是苹果的做法。

所以只需使用：

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

或者更好的是，这仍然允许用户根据需要进行扩展：

<meta name="viewport" content="initial-scale=1.0">
于 2011-10-22T20:58:37.290 回答