CSS. Rozmiar czcionki proporcjonalnie do wielkości okna.

Question

Witam, mam pytanie.

Różne wielkości w CSS możemy podawać na różne sposoby. Przykładowo atrybut width można podać w pikselach albo w procentach, przy czym w pikselach określamy na sztywno, jak zmniejszymy okno to trzeba będzie przesuwać w prawo. Ale jak podamy w procentach, to dany element będzie tak jakby niezależny od rozmiaru okna. 

Jestem jeszcze trochę zielony w programowaniu webowym, a moje pytanie jest takie: jak taki efekt zrealizować na tekście? Czy można ustawić taki względny rozmiar czcionki, tak, że gdy zmniejszymy okno, to jej rozmiar też się proporcjonalnie zmniejszy?

Answer 1

Możesz ustawić względny rozmiar czcionki np. font-size: 30vw;

Comments

Faktycznie, spełnia swoje zadanie. Dzięki za odpowiedź.

---

Lub

font-size: 30vh;

czy też

font-size: 30vmin;

https://css-tricks.com/viewport-sized-typography/

 

---

To jeszcze dorzucę artykuł, który znalazłem:

http://webroad.pl/html5-css3/4052-rozmiary-obszar-roboczy-vw-vh-vmax-vmin

---

można jeszcze użyć remów

css:

html

{

font-size; 62.5%;

}

 

body

{

font-size:4.2rem;

}