Fix CSS less than 12px text in Google Chrome display problem

Do front-end design people often have to touch the CSS problem, it is estimated that a lot of people will encounter chrome Google browser CSS settings font less than 12px display is not normal, strong network in the process of doing Magento template encountered, at first thought is the CSS of their own problems, the back step by step to troubleshoot, In Chrome Google browser does not support CSS settings font is less than 12px, then how do we solve the chrome Google browser does not support CSS less than 12px text problem? Today, strong network to the specific method.
Chrome Google Browser is the kernel of WebKit, there is a-webkit-text-size-adjust private CSS properties, it can be achieved by the font size does not affect the device or browser.
The CSS style is defined as follows:
-webkit-text-size-adjust:none;
Use this CSS property to solve the problem.
such as: div {-webkit-text-size-adjust:none;font-size:10px}
Here to declare a point, using this property, chrome under the font does not support the zoom in, zoom out the function of oh ... This effect is also small, generally few people use magnification, reduce function.
The above solution comes from the network, after half an hour, about the Google Chrome display CSS style Set font size problem finally solved, so that other browsers will not be affected by this CSS style properties.

Fix CSS less than 12px text in Google Chrome display problem