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).

it ends looking this

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

if you'd view on phone:

link example

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)"> 

Comments

Popular posts from this blog

javascript - Hide toolbar of pdf file opened inside iframe using firefox -

Ansible - ERROR! the field 'hosts' is required but was not set -

Copy range with conditional formatting -