When font-size<12px in the style sheet, the font display in the Chrome browser is still 12px. In this case, you can use html{-webkit-text-size-adjust:none;}
Chrome did not support Chinese below 12px before, because it was too difficult to identify Chinese below 12px. Based on my development experience on the mobile terminal
When setting a font smaller than 12px, there is no problem on ios, but there will be problems on Android, even if -webkit-text-size-adjust is used, because some Android browsers do not support this feature
If you really need to have words smaller than 12px, it is recommended to use scale to ensure consistency on all ends
1. When font-size<12px is in the style sheet, the font display in the Chinese version of Chrome browser is still 12px. In this case, you can use
html{-webkit-text-size-adjust:none;}
2 Placing 、-webkit-text-size-adjust on body will cause the page zoom to fail 3. body will inherit the style defined in html 4. Do not define it as inheritable when using -webkit-text-size-adjust or global
However, it is only valid for versions below chrome27.0 and invalid for versions above 27.0. It is only valid for English and not for Chinese. In the new version of chrome, changing attributes has been banned. It is recommended to use the method in CSS3:
transform:scale(0.875);
When using transform:scale(0.875); not only the text will become smaller, but the container where the entire text is located will also become smaller at the same time.
When font-size<12px in the style sheet, the font display in the Chrome browser is still 12px. In this case, you can use html{-webkit-text-size-adjust:none;}
Chrome did not support Chinese below 12px before, because it was too difficult to identify Chinese below 12px. Based on my development experience on the mobile terminal
When setting a font smaller than 12px, there is no problem on ios, but there will be problems on Android, even if
-webkit-text-size-adjust
is used, because some Android browsers do not support this featureIf you really need to have words smaller than 12px, it is recommended to use
scale
to ensure consistency on all ends1. When
font-size<12px
is in the style sheet, the font display in the Chinese version of Chrome browser is still12px
. In this case, you can use2 Placing
、-webkit-text-size-adjust
onbody
will cause the page zoom to fail3.
body
will inherit the style defined inhtml
4. Do not define it as inheritable when using
-webkit-text-size-adjust
or globalHowever, it is only valid for versions below
chrome27.0
and invalid for versions above27.0
. It is only valid for English and not for Chinese.In the new version of chrome, changing attributes has been banned. It is recommended to use the method in CSS3:
When using
transform:scale(0.875
); not only the text will become smaller, but the container where the entire text is located will also become smaller at the same time.