I have been working on my personnal website for over a month now, and I just stumble upon a big dilemna while looking at different screen resolution on Chrome. The typeface unit changed immensly from Ipad, to Iphone, and I still don’t know if thats a bug or what will the real rendering be. I cannot check because I do not own any Iphone or Ipad.
What is the most reliable typeface unit for a responsive design?
Is it Px?
Is it V.H?
Is it %?
Here is an example of the issue:
On my website this text paragraph is set to 4 VH.
This screenshot shows the webflow Ipad view within the designer
This screenshot shows the chrome Ipad Pro view…
Which view rendering to trust? Webflow or Chrome?