Comment: Google Chrome does not support small fonts below 12px. You can search online for some good solutions. Interested friends can refer to it. I hope it will be helpful to everyone.
Google Chrome does not support small fonts below 12px, maybe it is because of the user experience.There are also some articles on the Internet that say you can use:
-webkit-text-size-adjust:none;
However, since Chrome 27, support for this attribute has been cancelled.
Do we have any other ways to solve this problem?
Google Chrome supports CSS scaling, so we can do something about this:
-webkit-transform: scale(0.5);
Since the minimum support is 12px, then scale with 12px as the base point.
At the same time, you can use -webkit-transform-origin-x: 0; to solve the displacement problem of margin-left after scaling:
.test_tag{
font-size:12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.58333333333333333334);
}
The calculation method of scale value is: 7 / 12 = 0.583333333333333333334