gpt4 book ai didi

iPhone 文本在纵向和横向之间调整大小

转载 作者:太空宇宙 更新时间:2023-11-03 22:05:11 24 4
gpt4 key购买 nike

我正在使用 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

谢谢

最佳答案

device-width 始终指的是纵向模式下的宽度,因此 width=device-width 将在横向模式下缩放视口(viewport)。这是 iPhone 的一个怪癖(我认为 iPad 也是)。看起来有点傻,但苹果就是这样做的。

所以只需使用:

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

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

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

关于iPhone 文本在纵向和横向之间调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7000392/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com