


Google Chrome small font processing solution, that is, fonts below 12px_html5 tutorial skills
May 16, 2016 pm 03:48 PMGoogle Chrome does not support small fonts below 12px, maybe because of user experience.
There are also some articles on the Internet saying that it can be used:
-webkit-text-size-adjust:none;
However, since chrome 27, support for this attribute has been removed.
Do we have any other ways to solve this problem?
Google Chrome supports CSS scaling, so we can make a fuss about this:
-webkit-transform: scale(0.5);
Since the minimum support is 12px, then scale based on 12px,
At the same time, you can use -webkit-transform-origin-x: 0; to solve the displacement problem of margin-left after scaling:
.test_tag{
font-size:12px;
-webkit-transform-origin-x: 0;
- webkit-transform: scale(0.5833333333333334);
}
The scale value is calculated as: 7 / 12 = 0.5833333333333334

Hot Article

Hot tools Tags

Hot Article

Hot Article Tags

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Recommended Android emulator that is smoother (choose the Android emulator you want to use)

How to add trusted sites in Google Chrome

Why can't I download Google Chrome in Windows 7?

What should I do if Google Chrome prompts for unsafe content? Google Chrome shows unsafe solution

How to install Doubao browser plug-in version - Doubao browser plug-in installation method

What is the middle mouse button? What is the use of pressing the middle mouse button?

How to screenshot the entire content of a web page in Chrome? How to screenshot the entire web page in Google Chrome
