Different scale between laptops

[EvaAnna]

Hi all,

I have a resolution (or a responsive?) problem. My website doesn't have the same typographie and buttons size on different laptops.

1. The first screenshot one from a MacBook Pro (13-inch, 2017) Google Chrome Version 86.0.4240.198
   
2. The second one is from a MacBook Air (13-inch, 2011) Google Chrome Version 86.0.4240.80
   
3. The third one from a MacBook Pro (15inch, 2016) Google Chrome 87.0.4280.88
   

The problem is mostly on the first screenshoot, but It's the most recent laptop, so it's quite anoying.

How can I fix it ?

Thanks

[Richard]

Dear @EvaAnna

It could be to do with you using 'px' pixels for your 'font-size' settings, on different machines/screen this can be affected.

In text formats changing to a 'font-size: % ' may have some results:

Further you could force them with Custom CSS and set font-size: to 'em' or "rem'
https://www.w3schools.com/cssref/css_units.asp

Hope this helps @EvaAnna, website looks awesome BTW :)

Best
Richard