chrome浏览器解决font-size:10px；

一、问题背景与原理 Chrome出于可读性考虑，默认将最小字体限制为12px（用户可在浏览器设置中手动调整）。 直接设置font-size: 10px时，字体大小会被强制提升至12px，导致样式失效。

This page explains the display problem when specifying a font size of less than 10px in Chrome and how to use transform: scale () to solve the problem.

那是因為，Chrome為了避免字型過小不利閱讀，將字體最小的下限設在了【12px】，它帶來的問題之一是當你使用「CSS圖片取代文字」技巧時可能會不能夠將字體大小設到很小，解決方案相當簡單，你只要在需要設到12px以下的元素加上這串CSS即可。

在Chrome等现代浏览器中，默认情况下，当字体大小小于12px时，浏览器可能会自动调整字体大小以保证可读性。 这是浏览器的最小字体大小限制，旨在防止用户因字体过小而无法阅读内容。 然而，在某些情况下，开发者可能确实需要显示小于12px的字体。 要让Chrome支持小于12px的文字，你可以尝试以下几种方法： 通过缩小元素的大小，而不是直接设置较小的字体大小，可以绕过浏览器的最小字体限制。 例如，你可以将一个元素的字体大小设置为12px，然后使用 transform: scale(0.8); 来缩小它。

chrome chrome浏览器的默认字体大小是16px，它所能支持设置的最小字体大小是12px，也就是说，当你使用font-size属性设置到12px以下的时候字体大小不再改变。

可以使用Webkit 的内核的 -webkit-text-size-adjust 的私有 CSS 属性来解决，比如下面的代码就可以成功的解决，通过它即可实现字体大小不随 终端设备 或浏览器影响。