2011-06-02 29 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