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.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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-adjustis used, because some Android browsers do not support this featureIf you really need to have words smaller than 12px, it is recommended to use
scaleto ensure consistency on all ends1. When
font-size<12pxis 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-adjustonbodywill cause the page zoom to fail3.
bodywill inherit the style defined inhtml4. Do not define it as inheritable when using
-webkit-text-size-adjustor globalHowever, it is only valid for versions below
chrome27.0and 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.