Resize Text Based on Browser Window?

I'm not a web designer and have only a moderate knowledge, but I'm trying to code a mobile website and have run into an issue while checking the header of my site on iPad, iPhone, Windows Phone and Android, due to the huge resolution difference.

Is there a responsive code in either HTML or CSS to allow for dynamic text resizing?

Added (1). I need to have the text based on the browser windows due to resolution differences in mobile devices.

The settings which make a mobile site look nice on the iPhone and iPad are grossly over-sized when viewed on an Android device due to the Retina display which Apple uses in their current mobile devices.

If the text was able to fit to width, my headers would no longer cause side-scrolling on the lower resolution Android screens (if designed for Apple products) and would allow the text to be readable on Apple products (if designed for Android/Windows Phone products)

Yes there's.

Type in Youtube for thenewboston channel and search for that lesson.

Hope that helps!

Why? So that it changes size when you zoom in and out? Who wants sizes to change when you do that. Just give the headings specific id's so it will format a certain way.