中文Chrome最小字型問題

2021-09-17 21:07:44 字數 524 閱讀 1868

問題:中文chrome中最小字型為12px,設定更小字型的解決辦法

解決辦法:

移動端的chrome瀏覽器,禁止webkit瀏覽器配置調整網頁的字型大小, 可以通過css屬性

-webkit-text-size-adjust來禁止網頁調整字型大小,該屬性用來設定文字大小是否根據裝置(瀏覽器)來自動調整顯示大小,safari 3.0+,chrome 1.0+可以支援。屬性值,可以為三種:

.fs-8
注意:

pc端的chrome瀏覽器,chrome 27正式取消了-webkit-text-size-adjust屬性的支援,在pc端使用該屬性都不會起作用,控制台會顯示unknown property name。解決辦法是使用css3中的transform, 該該元素縮小n倍,如:

.fs-10
// sass mixin

@mixin webkit-font-size($size: 10)

谷歌預設最小字型解決方案

參考文章 谷歌及谷歌核心的瀏覽器有預設的最小字型限制 12px,字型大小設定低於12px是不起作用的,也是按照12px顯示。解決方法 span font size設定成想要的大小 10px低於12px,谷歌核心瀏覽器是不起作用的,這裡設定只是為了相容ie 之後的利用css3的縮放,最終大小是 0.8...

WebKit 介紹 谷歌瀏覽器最小字型問題

一webkit 介紹 webkit是乙個開源的瀏覽器引擎,當前谷歌瀏覽器,qq瀏覽器,搜狗,遨遊,世界之窗,蘋果瀏覽器和部分手機瀏覽器都是用的webkit核心。ie 是用的trident核心,firefox使用的gecko核心。webkit的優勢在於高效穩定,相容性好,源 結構清晰,易於維護 web...

您覺得目前網頁最小字型應該多大呢

由於第一代網頁基本都是為800x600的15 crt顯示器開發的,所以大多數網頁都是以9pt或12px為標準的網頁字型大小。目前隨著大尺寸和高解析度顯示器的普及,過小的網頁字型已經讓我在瀏覽網頁時出離的鬱悶了。另乙個網頁使用小字型的原因是,在網際網路普及之初,英文網頁佔的比例比較大。由於英文本母相對...