html - Change text size for mobile users -

using fullpage.js, created 'slides' page looks great in browser, on iphone not scale text fit screen (and it's not zoomable either).

in css file, have font set @ 1.2em, there way make text scale more readable size on iphone?

if you'd view on phone:

thanks so

for every resolution can set different css meaning. example

@media screen , (max-width: 300px) {     body {         background-color:lightblue;     } }

it means if resolution not more 300 use different background body. if dont want have in same same css can link this:

<link rel="stylesheet" type="text/css" href="tablets.css"  media="screen , (min-width: 600px) , (max-width: 800px)">

EEE