Today, when designing a test page, the product requires that the English font of the previous 12px should be changed to a smaller size by 2px. I thought to myself that this would be difficult, so I agreed casually, but when I changed the css, the font- When the size is less than 12px, the font will not shrink anymore. At that time, my first reaction was whether other css covered the font. After looking for a long time, I couldn't find it. So, only Baidu is the group, and the result is really surprising: it turns out that the minimum font size of Google and Google kernel browsers in the Chinese language can only be 12px. I don't know if this is a bug or Google's humanized design.
No matter how much, we need to solve this problem anyway~ Since this is a classic compatibility problem, there must be many solutions. Surprisingly, with Baidu, all the solutions online are surprisingly similar:
html{
-webkit-text-size-adjust:none;
}
Then after I used it with joy, I found that there was no bird use. Then found another solution:
p{font-size:10px;-webkit-transform:scale(0.8);
It should be noted here that if it is an inline label, a display:block needs to be defined;