When making the finished product of a website for phones and other handheld devices, I notice there is some kind of shaky feelin

Question

This only happens when scrolling down (moving back up to the top), and I notice that the letters, paragraphs and headings are resizing themselves because of the taskbars that appear in browsers when scrolling down. I checked through my work but can't seem to find the problem...what causes this? And how can I fix it?

Answer 1

You probably set their height relative to the viewport. That's why. Did you use vh unit for any height? Or did you set any element's position to sticky?

Answer 2

That is the issue with vh. If the viewport height changes the element height changes too. You should probably use javascript to resize it if you do not like the default behaviour of vh

Answer 3

Oooh. I didn't know that...thank you, very much 🖐

Answer 4

I did use vh