iOS的-webkit-text-size-adjust的原理?

大家好!

(自己沒開發過手機網頁,聲明一下!)

首先跟大家報告一下Even發現了一件重要的事[1],跟iPhone上的網頁開發有關, 
節錄並補充連結一下:
[[
筆記: 如果你不想讓 Safari for iOS 亂調你的文字大小,除了官方建議的 
meta[2] 要放之外,CSS 還要加上 -webkit-text-size-adjust: none; [3](浪費 
1小時求解的血淚筆記)
]]

關於-webkit-text-size-adjust這裡有幾個問題我有點好奇,可能要請用過的人回 
答一下了(輕參考一開始的聲明 xdd):
1. Android Browser是不是跟iPad一樣預設-webkit-text-size-adjust為none?
2. 它的意思是指放大文字不放大圖片嗎?也就是一般放大縮小之後的而外放大?
3. 預設的設定-webkit-text-size-adjust: auto; 到底是什麼演算法?這恐怕要 
讀一下source了...是不是跟<div>的大小有關所以會有大有小?跟放大比例有關嗎?
4. 除了把這個東西調掉(-webkit-text-size-adjust: none/100%)或是啟動以 
外,其他值是不是都沒有意義?因為可以用Media Query?
5. 有點好奇多少人對這個東西有怨言,iPad的預設是把這個調掉代表什麼意思?

請指教!有實際的例子更好。

另外關於 meta name="viewport"的標準化[4]的情形,有空再講。雖然是Opera的 
人提出來的,不過CSS工作組似乎對把這個加入CSS3這個頗有共 識。順道一 
提,CSS3的3跟HTML5的5都變成奇幻數字了,不要再計較了。

看了一下我覺得好像沒有提到類似text-size-adjust的功能...不知道有沒有漏看

最後一個問題,Viewport翻成「視口」應該沒什麼問題吧 :p?

[1] http://twitter.com/evenwu/status/35756619543351297
[2] (Safari) 
http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
(MDN 翻譯加油喔~) https://developer.mozilla.org/en/Mobile/Viewport_meta_tag
[3] 
http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html
[4] http://dev.w3.org/csswg/css-device-adapt/

此致
Kenny

Received on Friday, 11 February 2011 02:20:21 UTC