大佬教程收集整理的这篇文章主要介绍了修复了Mobile Safari（iPhone）上的字体大小问题，该文本显示不一致，并且某些字体比其他字体大吗？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
移动Safari（例如适用于AndroID的Chrome，移动firefox和IEMobile的Chrome）会一直增加宽块的字体大小，因此，如果您双击以放大该块（使块适合屏幕宽度），文字将清晰易读。如果设置-webkit-text-size-adjust:100%（或none），它将无法执行此操作，因此，当用户双击以放大宽块时，文本将非常小。用户只要捏一下就可以阅，但是文本会比屏幕宽，他们必须水平平移才能阅读每一行文本！
理想情况下，您将使用响应式Web设计技术来解决此问题，以使您的设计适应移动屏幕的大小（在这种情况下，您将不再有任何非常宽的块，因此移动浏览器将不再调整字体大小）。
如果这不是一种选择，并且您打算为移动用户提供桌面网站，那么请查看是否可以调整设计，使您的文本块都不比移动设备的设备宽度宽（例如，许多纵向电话的宽度为320px） ）（您可以使用移动设备专用的CSS来避免影响桌面浏览器），然后Mobile Safari不需要增加任何字体大小（并且重排文本的浏览器（例如AndroID浏览器和Opera Mobile）也不需要更改您的布局）。
最后，如果您 确实 需要阻止Mobile Safari调整字体大小，则可以设置-webkit-text-size-adjust: 100%，但这 因为这可能会导致移动用户难以阅读文本，因为文本太小或太小。阅读完每一行后，他们将不得不左右摇摆。请注意，您必须使用100%not，none因为在桌面浏览器中没有一个会有讨厌的副作用。移动firefox和IE Mobile 也具有等效项-moz-text-size-adjust和-ms-text-size-adjust属性。
编辑：例如，在您的情况下，最简单的可能是第二种选择，因此您可以尝试添加以下CSS：
/* Mobile browsers only */
@media only screen and (max-device-wIDth: 480pX) {
table#all_results {
wIDth: auto;
}
td#main_Box {
wIDth: 320px;
}
td#sIDe_Box {
wIDth: 320px;
}
}
像这样硬编码320px并不理想；您可以通过使用各种CSS媒体查询或从JavaScript获取设备宽度来改善这一点。
@H_489_0@解决方法我们的网站在移动Safari上呈现的字体大小不一致-据我们所知，只有移动Safari。这非常困扰我们。
我们使用Firebug分析了该网站，发现不正确的区域继承了正确的样式，但字体仍然以错误的大小呈现。
1）访问http://www.panabee.com。
2）搜索域名。
左侧的框显示不正确的字体大小。字体大小应与右侧的字体大小（框标题和框副本）匹配。例如，标题“ Variations”和“ Twitter”比标题“Alternate Endings”大得多。
有什么线索吗？
以上是大佬教程为你收集整理的修复了Mobile Safari（iPhone）上的字体大小问题，该文本显示不一致，并且某些字体比其他字体大吗？全部内容，希望文章能够帮你解决修复了Mobile Safari（iPhone）上的字体大小问题，该文本显示不一致，并且某些字体比其他字体大吗？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。