首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >一些字体大小在Safari (iPhone)上呈现得更大

一些字体大小在Safari (iPhone)上呈现得更大
EN

Stack Overflow用户
提问于 2010-07-12 13:08:57
回答 5查看 76.2K关注 0票数 117

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

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2010-08-07 07:26:46

Joe的响应中有一些很好的最佳实践,但我认为您所描述的问题集中在Mobile Safari认为文本将呈现得太小时自动缩放文本这一事实。你可以通过CSS属性-webkit-text-size-adjust来解决这个问题。以下是如何将其应用于您的身体的示例,仅用于iPhone:

代码语言:javascript
复制
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}
票数 263
EN

Stack Overflow用户

发布于 2014-02-06 03:11:02

票数 16
EN

Stack Overflow用户

发布于 2013-09-11 02:37:50

此外,请确保在视口meta标记中将初始缩放设置设置为1:

代码语言:javascript
复制
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
票数 13
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3226001

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档