gpt4 book ai didi

css - 为什么容器大于 50% 时字体大小会发生变化?

转载 作者:行者123 更新时间:2023-12-04 03:40:20 25 4
gpt4 key购买 nike

这是一个小测试页。在桌面上它对我来说看起来很正常。

<html>

<head>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<style type="text/css">
div {
background: green;
font-size: 15px;
}
</style>
</head>

<body>
<div style="width:10%">10%</div>
<div style="width:20%">20%</div>
<div style="width:30%">30%</div>
<div style="width:40%">40%</div>
<div style="width:50%">50%</div>
<div style="width:60%">60%</div>
<div style="width:70%">70%</div>
<div style="width:80%">80%</div>
<div style="width:90%">90%</div>
<div style="width:100%">100%</div>
</body>

</html>

但是在我的 iPhone 上它有一个奇怪的行为。在肖像模式下一切正常。 但在横向模式下,浏览器会计算不同的字体大小,尽管它们都设置为 15px。关于字体大小有什么我不明白的地方吗?我需要它们看起来都一样。

View from Safari on iPhone

同样的事情发生在 firefox、edge 和 chrome 上

最佳答案

我查看了 apple.com 网页,看他们是否有同样的问题。而他们没有。

他们使用

-webkit-text-size-adjust: 100%;

然后字体大小到处都是一样的。

关于css - 为什么容器大于 50% 时字体大小会发生变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66162688/

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