-webkit-text-size-adjust:none; How to deal with it

Source: Internet
Author: User

-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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.