2011-06-02 87 views
46

我是不是谈论缩放页面,而是iOS上的MobileSafari会自动碰撞某些字体大小的方式。如何避免iOS自动调整字体大小?

准确地说,这样做了吗?可以预防还是不鼓励?

+0

嗯...我有这个问题了,但是我想知道,有没有用文字大小调整工作的好办法?我讨厌,因为它导致我的按钮溢出,并切断我的输入字段中的文本。看起来好像是做了更多的伤害,但也许我做错了什么。任何人都可以在使用它时获得成功,而不是禁用它? – Costa 2013-04-17 22:44:11

+0

另外,有没有一个适用于Android的Firefox规则? – Costa 2013-04-17 22:46:32

+1

@Costa我不知道。两个问题:(1)是否有移动Firefox模拟器? (2)MDN是否有任何有用的评论?不是一个问题:(3)我很想知道,所以当你想出来的时候一定要留下评论!谢谢! – 2013-04-27 04:26:44

回答

27

有很多麻烦跟踪它,但:它是CSS中的-webkit-text-size-adjust属性。

Read more about it and other iOS-specific CSS here

值:

  • ,例如(的默认大小)的百分比120%,或者100%
  • auto(默认)
  • none - 如果auto不工作为您的网页。 但是这经常会导致缩放问题。改为使用100%例如,在桌面上打开Safari并放大页面(Command-Plus) - 即使整个页面已缩放,文本也不会被放大! 不要使用none

请注意,这些不仅可以应用于页面级别,还可以应用于元素/控件/容器级别。

(我不会只是指定的100%价值为我的网站,除非我是该死的肯定它已经为小屏幕进行了优化,并且从来没有none,因为它会导致问题。)


请注意Firefox Mobile(例如Android和Firefox OS)有类似的属性,-moz-text-size-adjust,documented here。感谢科斯塔指出了这一点。


显然微软也有这个移动IE版本:-ms-text-size-adjust

+0

我知道你接受你自己的答案,最后有任何理由给你自己的问题的答案。像你以前那样http://stackoverflow.com/questions/4926951/is-there-an-equivalent-to-rails-flash -messages-in-gae-python/4964526#4964526,http://stackoverflow.com/questions/4130813/how-should-i-do-full-text-searching-on-app-engine/5072790#5072790 – sandeep 2011-06-02 06:00:04

+19

I从来没有提出一个问题*打算*自己回答,但是确实接受我自己的答案*当且仅当*我认为它是最好的,以向观众表示尽可能多的问题。如果你不喜欢那样,那么你可以弯腰。 (在这种情况下,我搜索了15分钟,什么也没找到,问了这个问题,然后立即找到了正确的文档。谁在乎?最终结果是我在找到更好的信息。) – 2011-06-03 02:08:49

+0

我一直在努力修复类似的问题。这个答案帮了很大忙。 – Rahul 2017-01-19 08:17:30

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

只要确保您的所有文字首先都是清晰的大小。 iPhone和iPod touch的屏幕非常小,请记住这一点。

+0

嘿感谢一百万。当你张贴你的时候,我几乎已经写完了自己的答案。欣赏它。 (当我发布这个问题时,我已经几乎放弃了) – 2011-06-02 05:33:06

+0

@Alan:哎呀! :) – BoltClock 2011-06-02 05:48:16

+2

Apple的文档:http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/css/property/-webkit-text-size-调整 – 2011-07-16 00:57:59

12

接受的答案有效,但在其他webkit浏览器中,它锁定在正在缩放的​​人的font-size中。使用100%而不是没有工作的两种方式:

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

呃,为什么你的代码与接受的答案('none')相同时,当你建议'100%'而不是?) – 2012-05-10 19:01:43

+0

无论如何,改变了我自己的接受答案并强调了你的观点,我也注意到了这一点。谢谢你的提醒,dc-。 – 2012-05-10 19:11:36

+1

@Alan H .: Bah,我编辑了我的答案。接受的自我回答不会自动升至顶端,我宁愿没有高度投票但误导性的答案。 – BoltClock 2012-05-10 19:46:58