以下是一个示例CSS代码，将所有字体大小设置为小于12px：
{ font-size: 10px; }
阐明：在CSS中，通过选择器可以选择页面上所有的元素。然后，通过font-size属性来设置字体大小。在上面的示例代码中，font-size的值设置为10像素。您可以将这个值变动为小于12px的任何值。
如果您想在特定的HTML元素中支持小于12px的文本，可以利用相同的CSS选择器，只是在其后面加上元素的选择器，例如：
<p style="font-size: 10px;">这里支持小于12px的笔墨。</p>
请把稳，当您将字体大小设置为小于12px时，可能会导致一些文本显示不清晰或不可读。因此，您可能须要根据详细情形进行调度。
把稳：
html, body {-webkit-text-size-adjust: none;}
新版的chrome已经取消了；
CSS3有个新的属性transform，而我们用到的便是transform:scale()
p{font-size:10px;-webkit-transform:scale(0.8);}
但是，如果，这个属性会把全体p的属性都缩放。如果我有背景呢？我有边框呢？都会被缩小！
以是我们修正构造为
我是一个小于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；会创造。
会存在一定的边距。貌似margin或者padding的间距。
这便是缩放存在问题。原来的位置还霸占12px字体的大小。以是，要对应修正margin了。定义为负的。
还有一个方法；
html {font-size: 625%;} body {font-size: 0.16rem;}
#寻衅30天在头条写日记#
