谷歌瀏覽器小字型處理方案即12px以下字型

2022-09-22 01:42:11 字數 546 閱讀 3099

谷歌程式設計客棧瀏覽器是不支援12px以下小字型的,可能是考慮到使用者體驗吧。

複製www.cppcns.com**

**如下:

-webkit-text-size-adjust:none;程式設計客棧

但是,lwxom自chrome 27之後,就取消了對這個屬性的支援。

我們還有其它辦法解決這個問題嗎?

谷歌瀏覽器支援css縮放,於是,我們可以在這方面做文章:

複製**

**如下:

-webkit-transform: scale(0.5);

既然最小支援到12px,那麼就以12px為基點進行縮放,

同時可以使用-webkit-transform-origin程式設計客棧-x: 0; 來解決縮放後margin-left的位移問題:

複製**

**如下:

.test_tag

scale值的計算方法為: 7 / 12 = 0.5833333333333334

本文標題: 谷歌瀏覽器小字型處理方案即12px以下字型

本文位址:

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

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

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

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

列印設定IE打,瀏覽器預設是啟用縮小字型填充

ie瀏覽器預設是打勾 選中 所以每次頁面列印的時候都會縮小字型。每次列印要手動去修改,這樣比較麻煩,使用者使用不方便。搜搜尋資料,最後查詢到需要新增document.execcommand print false,null 如下 document.execcommand print false,nu...