要讓Chrome瀏覽器支持小于12px的文字，可以使用CSS的font-size屬性來設(shè)置字體大小。

以下是一個(gè)示例CSS代碼，將所有字體大小設(shè)置為小于12px：

* {  
  font-size: 10px;  
}

解釋：在CSS中，通過*選擇器可以選擇頁面上所有的元素。然后，通過font-size屬性來設(shè)置字體大小。在上面的示例代碼中，font-size的值設(shè)置為10像素。您可以將這個(gè)值更改為小于12px的任何值。

如果您想在特定的HTML元素中支持小于12px的文本，可以使用相同的CSS選擇器，只是在其后面加上元素的選擇器，例如：

<p style="font-size: 10px;">這里支持小于12px的文字。</p>

請注意，當(dāng)您將字體大小設(shè)置為小于12px時(shí)，可能會(huì)導(dǎo)致一些文本顯示不清晰或不可讀。因此，您可能需要根據(jù)具體情況進(jìn)行調(diào)整。

注意：

html, body {-webkit-text-size-adjust: none;}

新版的chrome已經(jīng)取消了。

CSS3有個(gè)新的屬性transform，而我們用到的就是transform:scale()

p{font-size:10px;-webkit-transform:scale(0.8);}

但是，如果，這個(gè)屬性會(huì)把整個(gè)p的屬性都縮放。如果我有背景呢？我有邊框呢？都會(huì)被縮??！

所以我們修改結(jié)構(gòu)為。

我是一個(gè)小于12PX的字體。

代碼如下：

body,p{ 
  margin:0; 
  padding:0
} 
p{
  font-size:10px;
}
span{
  -webkit-transform:scale(0.8); 
  display:inline-block
}

定義 display:inline-block而不是 display:block；會(huì)發(fā)現(xiàn)。

會(huì)存在一定的邊距。貌似margin或者padding的間距。

這就是縮放存在問題。原來的位置還占有12px字體的大小。所以，要對應(yīng)修改margin了。定義為負(fù)的。

還有一個(gè)方法。

html {font-size: 625%;} 
body {font-size: 0.16rem;}