Olen tässä toteuttamassa nettisivujen ulkoasua niin että sivusto skaalautuu (ikkunan koon) näytön resoluution mukaan. Kaikki muu toimii oikein paitsi yhden elementin sisällä oleva otsikkoteksti. Fonttikoko on liian suuri pienemmällä resoluutiolla, joten kysynkin että pystyykö fonttikoon määrittelemään jotekin suhteellisesti? Siis niin että fonttikoko pienenisi kun resoluutio pienenee.
Käytännöllisintä on laittaa kaikki sivun fonttikoot suhteellisiksi, jolloin niitä voi muuttaa yhdellä kertaa vaihtamalla vain body-elementin fonttikokoa. Fonttikoko on helppo ilmoittaa esimerkiksi prosentteina. 100% on sama kuin ulomman elementin fonttikoko.
Tästä tulikin mieleen, että mistä mahtaa johtua, että kun yritin fontin kokoa säätää prosenteilla Chromessa, niin fontin koko ei lainkaan muuttunut. Alkoi toimimaan vasta kun otin käytöön em:n, joka sekin on suhteellinen yksikkö...
Vika oli varmasti omassa koodissasi. Näytä koodi tai laita se CSS-validaattoriin, niin saat vastauksen.
Saako sen fonttikoon pienenemään näytön resoluution mukaan?
Periaatteessa näytön resoluution mukaan skaalautuminen olisi hieman absurdia, koska selain ei välttämättä ole koko näytön kokoinen. Esim. itse en useinkaan tarvitse 2560px tilaa nettisivulle.
Ahaa, haluat siis muuttaa vain yhden elementin fonttikokoa.
Avainsana ongelmaan eli ikkunan koosta riippuviin CSS-tyyleihin on joka tapauksessa mediakysely (media query).
<link rel="stylesheet" type="text/css" href="mini.css" media="only screen and (max-width: 20em)" />
Kiitos avusta! :). Näillä ohjeilla päästään taas eteenpäin..
Aihe on jo aika vanha, joten et voi enää vastata siihen.