用CSS解決Chrome字體最小值12px

chrome css font-size 12px

製作網頁時,必經流程之一是隨時開啟IE、Firefox、Chrome甚至Opera和Safari檢視自己的html/css有沒有跑版。最近我遭遇到的一個問題是:明明把font-size調到75%,IE和Firefox都很乖乖的顯示小小的字,偏偏Chrome就是硬不鳥我。原來,是Chrome本身預設最小字型為12px (關於px、%與em等等的差別請見此),75%絕對比12px小,但撼動不了Chrome預設值。我們當然不可能要使用者(客戶端)去修改Chrome設定,所以就走CSS的方法,很簡單,在選擇器(Selector)下這個語法:

-webkit-text-size-adjust:none;

範例:

.smallText {

font-size:11px;
-webkit-text-size-adjust:none;

}

那麼不管你的font-size下多少,Chrome都會乖乖聽話了。

為何這語法有用?或許因為Chrome是使用webkit引擎,在CSS中有一套因應webkit的寫法,自然乖乖聽話了。

※ 2011/3/31  推薦延伸閱讀:小心使用 -webkit-text-size-adjust: none; (by Frank的五四三)

1 Shares:
1 comment
  1. 原来如此。。。我一直就在纠结小于12px了怎么办,难不成要去指引用户取消最小安全字体设置么。。。哈哈哈

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

You May Also Like

速度,是一種生活態度。

創意課程進入了第三週。 上週的發想主題是「光」,我表現的很遜…太保守,老師直接對我說,想法要再更放開一些,這裡是自由發揮的地方,不是在我那個小小的、封閉的公司裡。為了補強,改善,我檢討了自己,這一週很認真地思索主題「速度」到底是什麼。每個人至少要有三個作品(不限手法)呈現主題,我已經準備好兩個,還在苦思第三個。 就在上課前一天的週五晚上,老妹約我去永康街附近買精油保養品,順便吃吃飯。沒想到這趟旅程讓我振奮了起來,首先,販售天然保養品的小店還有脈輪精油可以當占卜般抽選,看看自己的身體狀況,和藹的店員還幫我們免費測驗自己屬於印度阿育吠陀平衡精油中哪種屬性的人,把適合的芳香精油滴到身上,我們兩隻手臂都是好香的味道,塗滿了各種保養品或精油,害我回家都不想洗澡洗掉。在店內逗留了快一小時,兩人都還沒吃晚餐,走到了一家上海點心叫做高記,享用了叉燒包、腸粉、清爽的豆腐細粉、美味的蘆筍牛肉炒糕以及非常鮮甜的蟹黃燒賣,真的好滿足、好享受。最後老妹去買好吃的芋頭冰,一起走到旁邊的公園邊吃邊休息。於是這張照片,成為我的作業之一。

藝術之秋

88颱風那天,台北的情況良好,所以課程繼續,素描是練習畫花。 上次畫白色的咖啡杯時,我以為是最難的挑戰,那天得知要畫白色的花,真的有緊張到…還是硬著頭皮去畫。 讓我印象最深的還不是這件事,而是那天老師的兒子在2F練習拉小提琴,卻聽起來猶如放CD般優雅,讓人好像置身在文藝復興的沙龍中,一邊聽音樂一邊繪畫以及討論彼此的攝影作品。

Painter彩繪學習之水彩作品

2年前從網拍買到將近5折的課程券,期間沒空去上,後來變成好像沒什麼課程好上,剛好最近對Painter有興趣,大概9月份就報名了,沒想到課程一直招不滿學生,不斷往後延期,終於在12月份正式開課…好啦,很興奮的去,結果有點敗興而歸。
閱讀更多

從David Guetta全球首創雙螢幕互動MV看行銷與設計

在我查詢近三個月YouTube影片讚數最多的影片時,瞥見David Guetta這部新MV 的YouTube截圖「很有戲」─兩個穿著賽車服的男人對看,光這樣就讓人感到熊熊怒火,競爭意味濃厚,想必是以劇情為主的MV。 如果你不知道什麼是截圖,在YouTube影片管理員中,叫做「影片縮圖」,詳情請自己點這裡。影片縮圖很重要、影片縮圖很重要、影片縮圖很重要…因為很重要,所以說三遍。如果今天你想行銷自己的影片,上傳到YouTube後,請務必自訂縮圖,因為適當的縮圖能很快抓住眼球進而點進去一瞧。

前端技術之難:CSS Hack之哈克歷險記

HTML是架構,CSS是表現。於是有人誤會,CSS只是一種美化網頁的手段,沒錯,是一種手段,但美不美還是得看你的圖像處理能力,然後,徹底發揮CSS語言編排出如你Photoshop所規劃出來的完美畫面。HTML和CSS都是基本的網頁語法,不論你用哪套網頁編輯軟體(Dreamweaver, NVU, Namo Web editor…),通通都只是輔助,不管拖拉什麼現成的元件,當你檢視原始碼,通通都是一行行難以消化的編碼(code),只是它們相對於PHP/ASP/JAVA而言又異常簡單,有了輔助編輯軟體,人人都可以把玩網頁,然後,入門門檻低的網頁設計,顯得沒什麼價值。 客戶或他人就因此輕忽了網頁設計師。

IE8災難來了,設計師吐血了

有客戶已經開始使用IE8 (好羨慕…貴公司好有錢...電腦得先跑得動Vista才能安裝IE8的)。 網頁設計師要驚慌了,萬一客戶來幹譙說在IE8下有地方跑版了,又要改到死。 不過,最終極快速的解決方法(該站連不上只有頁庫存畫面)轉貼於此: