我正在测试我的网站,并且在所有浏览器上都能正常工作,但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%;
两者都可以正常工作。无需为整个身体应用样式