怎麼讓 Chrome 支援小於 12px 的文字?

2021-10-20 06:32:20 字數 469 閱讀 1068

在谷歌下 css 設定字型大小為 12px 及以下時,顯示都是一樣大小,都是預設 12px。

解決辦法:

(1)可以使用 webkit 的核心的-webkit-text-size-adjust 的私有 css 屬性來解決,只要加了-webkit-text-size-adjust:none;字型大小就不受限制了。但是 chrome 更新到 27 版本之後就不可以用了。所以高版本 chrome 谷歌瀏覽器已經不再支援-webkit-text-size-adjust 樣式,所以要使用時候慎用。

( 2 ) 還 可 以 使 用 css3 的 transform 縮 放 屬 性 -webkit-transform:scale(0.5); 注 意-webkit-transform:scale(0.75);收縮的是整個元素的大小,這時候,如果是內聯元素,必須要將內聯元素轉換成塊元素,可以使用 display:block/inline-block/…;

怎麼讓Chrome支援小於12px 的文字

1 用 如果是內容固定不變情況下,使用將小於 12px 文字內容切出做,這樣不影響相容也不影響美觀。2 使用 12px 及 12px 以上字型大小 為了相容各大主流瀏覽器,建議設計美工圖時候設定大於或等於 12px 的字型大小,如果是接單的這個時候就需要給客戶講解小於12px 瀏覽器不相容等事宜。3...

Chrome下設定字型大小小於12號

chrome設定字型大小不能小於12px,小於12px,會以12顯示,在最新的谷歌瀏覽器中已經修復了這個bug。如果解決這個問題呢?可以用chrome的私有屬性禁用瀏覽器文字大小調整 webkit text size adjust none 移動端chrome safari目前依然支援 webkit...

怎麼讓Nginx apache支援shtml格式

位置 網頁製作教程 作業系統 nginx 文章內容 本文章來介紹關於怎麼讓nginx支援shtml格式方法,有需要的朋友可參考參考。我們先來了解一下html或htm與shtml或shtm的關係是什麼 html或者htm是一種靜態的頁面格式,也就是說不需要伺服器解析其中的指令碼,或者說裡面沒有伺服器端...