gpt4 book ai didi

html - 方向变化导致字体大小变化

转载 作者:太空宇宙 更新时间:2023-11-04 14:33:49 25 4
gpt4 key购买 nike

我有一个 UIWebView 嵌入到 UIViewController 中,当设备旋转时我有一些非常奇怪的行为。我的文本的字体大小设置(在 css 中)为 11px,但是当我旋转到横向时,字体大小被调整为 19px(根据 Safari),我可以'不知道重新计算的来源。更奇怪的是,它正上方的另一个(单行)div 的字体大小为 10px,并且没有调整大小。

我有这样的东西:

<div class="date">Sep 16</div>
<div class="body"><span class="bold">blah:</span> blah, blah</div>

使用 css 是这样的:

div.date {
font-size: 10px;
font-weight: bold;
width: 100%;
}

div.body {
font-size: 11px;
width: 100%;
}

body 会调整大小,而 date 不会。我不确定问题是出在 HTML/CSS 还是 UIWebView 上的设置。

有什么想法吗?

最佳答案

Safari automatically resizes an scales the viewport on orientation changes并将对根中的元素采取一些自由<body>标签。

Safari 的目标是用内容填充屏幕,因此如果您的内容没有完全填充空间,Safari 会放大一些元素来填充它。

您可以设置一些属性,例如 minimum-scalemaximum-scale以及设置 viewportwidth size 如果你想要一个特定的行为。

关于html - 方向变化导致字体大小变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18923955/

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