asked on
Scaling Question
When I have scale and layout in settings set to 150% this web page looks fine
When I switch to 100% or 125% I get this.
How can I fix this?
When I switch to 100% or 125% I get this.
How can I fix this?
CSSHTML
Last Comment
David Schure
ASKER
Thank you David. Here is the URL
https://arise.plus/Terms.php
https://arise.plus/Terms.php
Problem does seem to be line height related.
When text is readable, line-height == 28px.
A single CNTL-Minus text becomes unreadable, because line-height == 10px, so with an 18px font, a 10px line-height causes text to flow ever itself on every line.
Take a look at the calculations for font-size + line-height during resize operations.
Look for size 10px through your CSS or however you're resizing occurs.
Likely the problem will be fairly easy to spot.
Fixing it may be a bit more complex.
When text is readable, line-height == 28px.
A single CNTL-Minus text becomes unreadable, because line-height == 10px, so with an 18px font, a 10px line-height causes text to flow ever itself on every line.
Take a look at the calculations for font-size + line-height during resize operations.
Look for size 10px through your CSS or however you're resizing occurs.
Likely the problem will be fairly easy to spot.
Fixing it may be a bit more complex.
https://www.element84.com/blog/responsive-typography provides a good overview comparing difference using - rem, em, px - font sizing approaches.
ASKER
Thank you David. Looks like I have some work ahead. I will keep you updated!
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Thank you David for recognizing the problem and Scott solving it. I also appreciate the extra info about line height. Have a great day!
Provide an actual URL for testing.
Likely someone can point out a fix for you.