Css variable font size

I’m working on a mobile application that needs to have variable font size based on the device. For example, I’m using 1Opx for headings on both the iPhone 13 mini and 13 pro, but my client wants the font to be bigger on the 13 pro. Which font units would be best for this? And Which units are preferred for mobile applications. Without media qwery is there any way to achieve this.

Try rem or viewport size, vw or vh.
I think the best option might just be media queries, if none of these options help.

I found something that may be of help with this problem.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.