Div width 60, frame 1, containing 14 px character four, a total of 56, the 56 + 1 + 1=58 & lt; 60 all showed normal
When zoom web pages to 80% and the smaller size restricted by Google kernel minimum 12 px forced into 12/0.8=15, 15 at this time * 4 + 1 + 1=62 & gt; 60
This will lead to div within the last character exceeds width limit word wrap affect reading
Advice on how to don't change the div width numerical case to solve this problem, make the characters breakthrough when zooming in or out the minimum 12 px restrictions, thank you!!!!!!

CodePudding user response:

Using the zoom in the 2 d transformation, add a line to the style
The transform: scale (0.75);
Numerical yourself, give it a try

CodePudding user response:

reference 1st floor qq_37049311 response:

using the zoom in the 2 d transformation, add a line to the style
The transform: scale (0.75);
Numerical yourself, try

The zoom seemed to correspond to the whole div scale at the same time, to show the effect of less than 12 px font, but the actual element size does not change the original caused by beyond the width of the last word wrap affect reading problem seems to be still exists, and set without zooming character size also corresponding change, can have a normal 14 px, zoom web pages to 80% and smaller can trigger a minimum 12 px limit later however corresponding div synchronous narrow, not beyond the width of the wrapping method

CodePudding user response:

Some of this method, but to solve the problem of div zoom at the same time, the solution is a tag in a div parcels, such as span, to span set the zoom, span is inline elements cannot be resized, however, should be set in the line block element or elements (if not just pack a div), it should be able to fix, as for the web to 80% after the change is small, this you can learn the responsive layout (also called media query)
@ media screen and (Max - width: 80%) {
Div {
* * * * * * * * * * * this is a style of * * * * * * * * *
}
}
This should be able to use, you learn how to use it well