chrome浏览器字号如何小于12px

原因

chrome浏览器最小字号是12px,假如小于12px,在按12px处理。而实际需求确实要求视觉效果小于12px，我遇到的是字体图标做的关闭按钮，按钮悬浮状态，需要由x变成十字钉盘样式，就是在x外套个圈，直接border-radius:50%,但是x要变小到6px.

解决方法

dispaly:inline-block;
font-size:12px;
transform:scale(0.5);

需要注意的是：dispaly:inline-block;。
块级元素，才能使用transform！
MDN有如下解释：

只能转换由盒模型定位的元素。根据经验，如果元素具有display: block，则由盒模型定位元素。

测试发现：display=block/inline-block/flex都可以。