Link to home
Create AccountLog in
HTML

HTML

--

Questions

--

Followers

Top Experts

Avatar of David Schure
David Schure

Scaling Question
When I have scale and layout in settings set to 150% this web page looks fine
User generated image
When I switch to 100% or 125% I get this.
User generated imageHow can I fix this?

Zero AI Policy

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

Avatar of David FavorDavid Favor🇺🇸

Looks like your line height seems to be scaling incorrectly.

Provide an actual URL for testing.

Likely someone can point out a fix for you.
Avatar of David SchureDavid Schure

ASKER

Thank you David.  Here is the URL
https://arise.plus/Terms.php
Avatar of David FavorDavid Favor🇺🇸

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.
Reward 1Reward 2Reward 3Reward 4Reward 5Reward 6

EARN REWARDS FOR ASKING, ANSWERING, AND MORE.

Earn free swag for participating on the platform.

Avatar of David FavorDavid Favor🇺🇸

https://www.element84.com/blog/responsive-typography provides a good overview comparing difference using - rem, em, px - font sizing approaches.
Avatar of David SchureDavid Schure

ASKER

Thank you David.  Looks like I have some work ahead.  I will keep you updated!
ASKER CERTIFIED SOLUTION
Avatar of Scott FellScott Fell🇺🇸

Link to home
membership
Log in or create a free account to see answer.
Signing up is free and takes 30 seconds. No credit card required.
Create Account
Avatar of David SchureDavid Schure

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!
Free T-shirt

Get a FREE t-shirt when you ask your first question.

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

HTML

HTML

--

Questions

--

Followers

Top Experts

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.