gpt4 book ai didi

CSS:在 iPhone 上禁用字体大小的自动重新缩放

转载 作者:行者123 更新时间:2023-11-28 16:34:02 25 4
gpt4 key购买 nike

如解释here ,Apple iPhone(即 Safari)会在视口(viewport)发生变化时重新调整字体大小(即从纵向变为横向,反之亦然)。

该问题的公认答案是,为了禁用此行为,应该添加:

-webkit-text-size-adjust: 无;

(注意:在其他帖子中我也看到了“100%”而不是“无”,这可能更可取,但这里的区别似乎无关紧要。)

因此,我的主要问题是,为什么当我在 iPhone 上查看以下 HTML 测试文件时,与纵向 View 相比,固定大小的字体在横向 View 中仍然呈现得更大:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
p {
font-size:24px;
-webkit-text-size-adjust:none;
}
</style>
</head>
<body>
<p>This is an example text</p>
</body>
</html>

但是,我还想确认 Apple iPhone - 可能还有其他 Apple 设备 - 是唯一显示这种(对我来说,令人讨厌的)行为的设备......是真的吗?

顺便说一下,我发现这很烦人,因为如果我的网站(即字体大小)在其他移动设备上呈现不同(而且我不完全信任在线模拟器),我无法在我的 iPhone 上正确测试。

谢谢。

最佳答案

看起来这个解决方案确实是正确的..但根据 Mozilla 的说法,它仍处于试验阶段。

这些是您可以尝试的全套值,但开发人员仍在努力使移动算法正确无误,以免遇到问题。也许其他值(value)观之一更适合您。

/* Text is never inflated */
text-size-adjust: none;

/* Text may be inflated */
text-size-adjust: auto;

/* Text may be inflated in this exact proportion */
text-size-adjust: 80%;

/* Global values */
text-size-adjust: inherit;
text-size-adjust: initial;
text-size-adjust: unset;

您可以在此处找到更多信息。

https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

关于CSS:在 iPhone 上禁用字体大小的自动重新缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34860866/

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