Set css font-size less than 12px in google chrome

The minimum font-size of google chrome is 12px.
You should set css font-size less than 12px with -webkit-text-size-adjust:none
-webkit-text-size-adjust is no longer working after Chrome 27!!! Workaround is to use -webkit-transform to reduce font-size forcely. For instance, if your want to set font-size with 10px. You have to set -webkit-transform with value:

10 / 12 = 0.83333333333333

*Default font-size of body is 16px(=1em).
*There will be unwanted margin-left for text applied with -webkit-transform to reduce font-size. -webkit-transform-origin-x: 0 can fix this problem.

2024-07-28T215817