主頁 > 知識庫 > 谷歌瀏覽器小字體處理方案即12px以下字體

谷歌瀏覽器小字體處理方案即12px以下字體
熱門標簽：咸陽穩(wěn)定外呼系統(tǒng)軟件 小朱地圖標注 400開頭的電話好申請不 地圖標注柱狀圖 四川移動電銷外呼客戶管理系統(tǒng) 怎么做百度地圖標注 百度地圖標注為什么總是封號 智能芯電話機器人 臨海地圖標注app
谷歌瀏覽器是不支持12px以下小字體的，可能是考慮到用戶體驗吧。
網(wǎng)上也有一些文章介紹，說可以使用：

復制代碼
代碼如下:

-webkit-text-size-adjust:none;

但是，自chrome 27之后，就取消了對這個屬性的支持。

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

谷歌瀏覽器支持CSS縮放，于是，我們可以在這方面做文章：

復制代碼
代碼如下:

-webkit-transform: scale(0.5);

既然最小支持到12px，那么就以12px為基點進行縮放，

同時可以使用-webkit-transform-origin-x: 0; 來解決縮放后margin-left的位移問題：

復制代碼
代碼如下:

.test_tag{
font-size:12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.5833333333333334);
}

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

標簽：陜西 黃石 公主嶺 黃石 山南 平頂山 南平

巨人網(wǎng)絡通訊聲明：本文標題《谷歌瀏覽器小字體處理方案即12px以下字體》，本文關鍵詞  谷歌,瀏覽器,小,字體,處理,；如發(fā)現(xiàn)本文內(nèi)容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《谷歌瀏覽器小字體處理方案即12px以下字體》相關的同類信息！
  • 本頁收集關于谷歌瀏覽器小字體處理方案即12px以下字體的相關信息資訊供網(wǎng)民參考！
    • 推薦文章