問題:中文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為標準的網頁字型大小。目前隨著大尺寸和高解析度顯示器的普及,過小的網頁字型已經讓我在瀏覽網頁時出離的鬱悶了。另乙個網頁使用小字型的原因是,在網際網路普及之初,英文網頁佔的比例比較大。由於英文本母相對...