I’m developing a website where I use viewport width (VW) units extensively for fonts, margins, paddings, and layout dimensions. The site looks consistent in Chrome when zooming in or out, but it doesn’t behave the same way in Safari on a MacBook.
In Chrome, the scaling of elements using vw units remains consistent no matter how much I zoom in or out. However, in Safari, the scaling behaves differently, which affects the layout and typography of the site.
Chrome Screenshoot:
Safari Screenshoot:
You can check live site here: hyroes.com
How can I make the use of VW units in Safari as consistent as it is in Chrome, especially on zoomed out or 4k screen os Macbook?