-webkit-text-size-adjust:none;
In the Chinese version of Chrome, all font settings less than 12px in Web CSS are invalid and will eventually display 12px. This might have meant
Is good, because once the Chinese is less than 12px, it becomes difficult to read.
But the Chinese version of Chrome will also read English website Ah! Chinese web pages will also have a small set of English font requirements AH! Especially some words.
Part of the design, not small really good-looking, affecting the overall layout of the beautiful.
Solution, add a private property to the HTML selector:
Html{-webkit-text-size-adjust:none;}
As the name implies, disables the WebKit kernel browser's text resizing feature.
-webkit-text-size-adjust
1, when the style table font-size<12px, the Chinese version of the Chrome browser font display is still 12px, then you can use Html{-webkit-text-size-adjust:none;}
2,-webkit-text-size-adjust placed on the body will cause page scaling failure
3. Body will inherit the style defined in HTML
4. Do not use-webkit-text-size-adjust to define inheritable or global
-webkit-text-size-adjust:none; How to deal with it