Google browser supports CSS scaling
This article mainly introduces the Google browser to support CSS zoom method related knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe that after reading this Google browser to support CSS scaling method article will have a harvest, let's take a look at it.
You can use:
The code is as follows:
-webkit-text-size-adjust:none
However, support for this attribute has been removed since chrome 27.
Is there any other way we can solve this problem?
The resolution code is as follows:
-webkit-transform: scale (0.5)
Since the minimum support is 12px, zoom 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:
The code is as follows:
.test _ tag {
Font-size:12px
-webkit-transform-origin-x: 0
-webkit-transform: scale (0.5833333333333334)
}
The calculation method of scale value is: 7 / 12 = 0.5833333333333334
This is the end of the article on "Google browser supports CSS scaling". Thank you for reading! I believe you all have some knowledge of "Google browser supports CSS scaling". If you want to learn more, you are welcome to follow the industry information channel.
