我最近遇到了一个看似常见的问题,即在横向模式(iPhone 6)上查看时,相对简单的标记中的简单文本元素的字体大小会膨胀。 有点谷歌搜索,答案是使用以下css来阻止它自动膨胀。
html {
-webkit-text-size-adjust: 100%;
}
但是在我将这个应用到我的网页之前,我想更好地理解它用来决定是否膨胀字体大小的算法。
对于我的简单标记,它只有10个文本元素中的2个被夸大。一点点跟踪和错误,似乎inline-block
元素没有膨胀,“一些”block
元素。
同时查看常见的复杂网站https://www.bbc.co.uk
,他们似乎没有在任何地方使用text-size-adjust
,但他们的文字似乎都没有在景观中膨胀。
我知道text-size-adjust
仍然是一个实验性功能,因此不要在整个页面上应用该覆盖规则。我可以只针对问题文本元素,但在此之前我只想更好地理解这个问题。
我假设一些聪明的家伙认为在横向上自动夸大文本是个好主意,所以我不想在没有充分理由的情况下禁用它。
由于