Forum Sveta kompjutera

Nazad   Forum Sveta kompjutera > Internet > Web razvoj

Web razvoj Sve u vezi sa razvojem Internet sajtova: programi, dizajn, usluge hostinga, administracija...

Odgovor
 
Alatke vezane za temu Vrste prikaza
Stara 1.9.2015, 11:49   #1
ZoNi
Deo inventara foruma
 
Član od: 24.10.2005.
Lokacija: ************
Poruke: 8.655
Zahvalnice: 2.257
Zahvaljeno 1.921 puta na 1.404 poruka
Question Prilagođavanje veličine fonta veličini ekrana?

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?
ZoNi je offline   Odgovor sa citatom ove poruke
Stara 1.9.2015, 14:11   #2
Game fever
Starosedelac
 
Član od: 3.4.2007.
Lokacija: London
Poruke: 1.330
Zahvalnice: 2.477
Zahvaljeno 283 puta na 198 poruka
Slanje poruke preko MSN-a korisniku Game fever
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

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.
Game fever je offline   Odgovor sa citatom ove poruke
Sledećih 2 korisnika se zahvaljuje korisniku Game fever na korisnoj poruci:
PWR TiTaN (1.3.2016), ZoNi (1.9.2015)
Stara 1.9.2015, 14:30   #3
dare023
Veteran
 
Član od: 30.6.2006.
Lokacija: Bečkerek
Poruke: 722
Zahvalnice: 46
Zahvaljeno 133 puta na 122 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

http://www.w3schools.com/cssref/pr_font_font-size.asp
dare023 je offline   Odgovor sa citatom ove poruke
Sledeći korisnik se zahvaljuje korisniku dare023 na korisnoj poruci:
ZoNi (1.9.2015)
Stara 1.9.2015, 16:09   #4
Remedy
Veteran
 
Član od: 5.11.2005.
Poruke: 826
Zahvalnice: 177
Zahvaljeno 199 puta na 154 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

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.

HTML kod:
p{
   font-size: 10rem;
}

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

@media (min-width: 800px){
   p{
      font-size: 14rem;
   }
}
Remedy je offline   Odgovor sa citatom ove poruke
Stara 1.9.2015, 17:49   #5
Neutrino
Deo inventara foruma
 
Član od: 17.6.2011.
Poruke: 7.336
Zahvalnice: 94
Zahvaljeno 3.334 puta na 2.010 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

Citat:
Remedy kaže: Pregled poruke
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.

HTML kod:
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/
Neutrino je offline   Odgovor sa citatom ove poruke
Stara 1.9.2015, 18:06   #6
Remedy
Veteran
 
Član od: 5.11.2005.
Poruke: 826
Zahvalnice: 177
Zahvaljeno 199 puta na 154 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

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.
Remedy je offline   Odgovor sa citatom ove poruke
Stara 1.9.2015, 18:12   #7
Neutrino
Deo inventara foruma
 
Član od: 17.6.2011.
Poruke: 7.336
Zahvalnice: 94
Zahvaljeno 3.334 puta na 2.010 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

Citat:
Remedy kaže: Pregled poruke
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.
Postoji nepisano pravilo "rem za komponente, em za sve ostalo". Pošto je Foundation baziran na komponentama Zurb je iz nekog razloga rešio da koristi rem. Problem nastaje kasnije kad shvatiš da tvoja komponenta treba da se skalira u odnosu na element (parent) čije su dimenzije definisane em-om jer tvoja komponenta bukvalno poštuje samo root element (html) ali ne i roditeljski kontejner.

Volim slobodu koju donosi Foundation ali rem je jedan od razloga zbog kojeg skoro uvek preporučujem Bootstrap.

Poslednja ispravka: Neutrino (1.9.2015 u 19:56)
Neutrino je offline   Odgovor sa citatom ove poruke
Stara 1.9.2015, 20:35   #8
ZoNi
Deo inventara foruma
 
Član od: 24.10.2005.
Lokacija: ************
Poruke: 8.655
Zahvalnice: 2.257
Zahvaljeno 1.921 puta na 1.404 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

Hvala svima, pogledaću ovih dana sve predloge
ZoNi je offline   Odgovor sa citatom ove poruke
Stara 2.9.2015, 13:04   #9
ZoNi
Deo inventara foruma
 
Član od: 24.10.2005.
Lokacija: ************
Poruke: 8.655
Zahvalnice: 2.257
Zahvaljeno 1.921 puta na 1.404 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

Probao sam sve što mi je delovalo OK, ali nisam dobio odgovarajući rezultat

Čisto da još jednom razjasnim šta sam hteo (koristim WordPad zato što mi je bio pri ruci, a pokazuje jasno šta mi treba):

- kada je prozor bruzera mali, font treba da se smanji tako da text popunjava ceo prozor:


- kada se prozor brauzera poveća, i font treba da se poveća automatski, tako da text i dalje popunjava celu stranu:


Verovatno da to ne može samo sa HTMLom i CSSom, ali, pošto je to samo nešto za ličnu upotrebu, onda i nije previše važno
ZoNi je offline   Odgovor sa citatom ove poruke
Stara 2.9.2015, 14:05   #10
Damiao
Član
 
Član od: 1.6.2006.
Lokacija: Arandjelovac
Poruke: 112
Zahvalnice: 5
Zahvaljeno 18 puta na 12 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

Citat:
ZoNi kaže: Pregled poruke
Verovatno da to ne može samo sa HTMLom i CSSom, ali, pošto je to samo nešto za ličnu upotrebu, onda i nije previše važno
Probaj ovaj način resize-ovanja fontova. Koriste se jedinice vw (viewport width) i vh (viewport height). I oni imaju svoje manje nedostatke, ali o svemu tome možeš pročitati na gore-pomenutom linku.
Damiao je offline   Odgovor sa citatom ove poruke
Stara 2.9.2015, 14:51   #11
ZoNi
Deo inventara foruma
 
Član od: 24.10.2005.
Lokacija: ************
Poruke: 8.655
Zahvalnice: 2.257
Zahvaljeno 1.921 puta na 1.404 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

Probao sam viewport, ali nisam uspeo Još ću malo da se udubim u problematiku
ZoNi je offline   Odgovor sa citatom ove poruke
Stara 17.9.2015, 9:22   #12
Sandan
Novi član
 
Član od: 1.6.2013.
Poruke: 9
Zahvalnice: 0
Zahvaljeno jedanput na jednoj poruci
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

Baš htedoh da kažem da treba da koristiš vw jedinice ali me Damiao preduhitrio

Bukvalno ne treba uopšte da se udubljavaš u problematiku, samo staviš font-size, recimo, 5vw i opciono text-align: justify; i stvar rešena.

Evo gledam sad kod sebe, radi savršeno (baš onako kako si tražio).


edit: sad tek vidim da je ovo pitanje staro dve nedelje... dakle vrv već rešeno u međuvremenu
Sandan je offline   Odgovor sa citatom ove poruke
Stara 18.11.2015, 10:23   #13
user928
Član
 
Član od: 13.6.2006.
Lokacija: Beograd
Poruke: 184
Zahvalnice: 20
Zahvaljeno 7 puta na 6 poruka
Određen forumom Re: Prilagođavanje veličine fonta veličini ekrana?

preko css.a media querijima, ako bas hoces da se font uvek siri/skuplja cim user resizuje browser onda neki js libary kao npr: flowtype
user928 je offline   Odgovor sa citatom ove poruke
Odgovor

Bookmarks sajtovi

Alatke vezane za temu
Vrste prikaza

Vaš status
Ne možete postavljati teme
Ne možete odgovarati na poruke
Ne možete slati priloge uz poruke
Ne možete prepravljati svoje poruke

BB kod: uključeno
Smajliji: uključeno
[IMG] kod: uključeno
HTML kod: isključeno



Sva vremena su po Griniču +2 h. Sada je 14:49.


Powered by vBulletin® verzija 3.8.7
Copyright ©2000–2024, vBulletin Solutions, Inc.
Hosted by Beograd.com