Prilagođavanje veličine fonta veličini ekrana?

[ZoNi]

Da li je ovo nekako moguće uraditi samo sa HTMLom i CSSom: imamo neki tekst. Želimo da on uvek zauzima ceo prozor brauzera, što znači da ako je prozor manji, moraće da se smanji i font i obrnuto.

Moguće ili jok?

[Game fever]

Jedino sto mi pada napamet je da se velicina fonta izrazi u procentima. Procenti u odnosu na parent container, ako je parent container browser (body) onda bi text velicine 100% bio od desne ivice ekrana do leve.

[dare023]

http://www.w3schools.com/cssref/pr_font_font-size.asp

[Remedy]

Mozes da koristis css media queries, kao sto se kod framework-ova koriste da "prepakuju" grid u zavisnosti od rezolucije. Samo ti menjaj velicinu fonta.

p{
   font-size: 10rem;
}

@media (min-width: 500px){
   p{
      font-size: 12rem;
   }
}

@media (min-width: 800px){
   p{
      font-size: 14rem;
   }
}

[Neutrino]

Remedy kaže:

Mozes da koristis css media queries, kao sto se kod framework-ova koriste da "prepakuju" grid u zavisnosti od rezolucije. Samo ti menjaj velicinu fonta.

p{
   font-size: 10rem;
}

@media (min-width: 500px){
   p{
      font-size: 12rem;
   }
}

@media (min-width: 800px){
   p{
      font-size: 14rem;
   }
}

Kad god je to moguće izbegavaj rem jedinice jer se uvek računaju u odnosu na root (html) element i tako poništavaju najbitniju osobinu responsive designa (i CSS-a) - nasleđivanje.

https://j.eremy.net/confused-about-rem-and-em/

[Remedy]

Pre par dana sam radio nesto sa Foundtion-om pa sam zato koristio rem, ali dobro je objasniti razliku u odnosu na em. Oni dosta koriste rem, njihov sass ima i funkciju "rem-calc" koju koriste za prereacunavanje piksela u rem. Mada sa em-ovima zna da bude smaranje preracunavati.