当前位置: 首页 > 面试题库 >

在Safari(iPhone)上某些字体大小变大了

杜联
2023-03-14
问题内容

是否有CSS或其他原因导致Safari / iPhone忽略某些字体大小设置?在我的特定网站上,iPhone上的Safari呈现了一些font-
size:13px文本,大于font-size:15px文本。它可能不支持某些元素上的字体大小吗?


问题答案:

Joe的回复中包含一些最佳实践,但是我认为您正在描述的问题集中在以下事实:Mobile
Safari如果认为文本会变得太小,则会自动缩放文本。您可以使用CSS属性解决此问题-webkit-text-size- adjust。以下是仅将其应用于iPhone的示例:

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}


 类似资料:
  • 问题内容: 我们的网站在移动Safari上呈现的字体大小不一致-据我们所知,只有移动Safari。这非常困扰我们。 我们使用Firebug分析了该网站,发现不正确的区域继承了正确的样式,但字体仍然以错误的大小呈现。 1)访问http://www.panabee.com。 2)搜索域名。 左侧的框显示不正确的字体大小。字体大小应与右侧的字体大小(框标题和框副本)匹配。例如,标题“ Variation

  • 实现动态改变WebView加载的网页的字体大小。 [Code4App.com]

  • 问题内容: 我正在测试我的网站,并且在所有浏览器上都能正常工作,但iphone浏览器(我认为它是移动Safari?)除外,该浏览器呈现的文字部分的字体比其他字体大。我已经手动检查了CSS,并在页面上使用了萤火虫,并且可以确认我对所有CSS都设置了相同的大小。我该如何解决? 问题答案: 为了稍微改善Lukasz的想法,请尝试在CSS中使用以下规则: 使用值“ 100%”而不是“ none”,使所有其

  • 引用MultiLanguage.nsi的内容: ;NSIS Modern User Interface ;Multilingual Example Script ;Written by Joost Verburg ;-------------------------------- ;Include Modern UI !include "MUI.nsh" ;-------------------

  • 问题内容: 在我的上一个网站上,该文本在chrome和firefox上自然是完美的,而无需触摸字体平滑或其他任何内容。 但是在Mac / Safari 7上,文本看起来很好,然后立即变细(太细/不好看)。 在此处输入图片说明 在此处输入图片说明 经过一些研究和一些测试 看起来Safari首先显示带有以下内容的文本: 然后,在获得闪烁效果后,将字体变为: 所以在我看来,我别无选择,只能强迫 使我的网

  • 在CSS中,通过 font-size属性来设置元素中所包含文本的字体大小。如果一个元素没有显式定义font-size属性,则会自动继承父元素的 font-size属性的计算结果。 定义 font-size 时,可以使用预定义关键字、绝对尺寸、相对尺寸: 1)预定义关键字 预定义关键字有 xx-small、x-small、small、medium、large、x-large、xx-large,尺寸按