iPhone上的字体大小呈现不一致

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在测试我的网站，并且在所有浏览器上都能正常工作，但iphone浏览器（我认为它是移动Safari？）除外，该浏览器呈现的文字部分的字体比其他字体大。我已经手动检查了CSS，并在页面上使用了萤火虫，并且可以确认我对所有CSS都设置了相同的大小。我该如何解决？

回答：

为了稍微改善Lukasz的想法，请尝试在CSS中使用以下规则：

body {
    -webkit-text-size-adjust: 100%;
}

使用值“ 100％”而不是“ none”，使所有其他基于Webkit的浏览器在使用缩放功能时仍可以调整文本大小，同时仍保留原始字体大小。

仅在现代浏览器（例如Safari，iPhone设备的歌剧）中出现此问题。解决方法是

使用 -webkit-text-size-adjust 附加此样式 ：100％；或-webkit-text-size-adjust：无

；与所需的类，它工作正常。示例：我希望仅当请求来自移动设备时才应用该条件。因此，我添加了完整的导航路径，完全可以满足我的要求。

.mobile-phone .authenticated-page.authenticated.mobile-community.mobile-document .notification .notification-dialog.content-frame 
{
    -webkit-text-size-adjust: none;
}

要么

.mobile-phone .authenticated-page.authenticated.mobile-community.mobile-document .notification .notification-dialog.content-frame {
-webkit-text-size-adjust: 100%;

两者都可以正常工作。无需为整个身体应用样式

以上是 iPhone上的字体大小呈现不一致 的全部内容， 来源链接： utcz.com/qa/431971.html

回到顶部