Rozmiar czcionki w zależności od rozmiaru div

0

Potrzebuję ustawić rozmiar czcionki wewnątrz elementu div w zależności od jego szerokości, żeby czcionka się zmniejszała, jeżeli div jest mniejszy.

Mam taki problem do rozwiązania. W elemencie div jest tekst. Layout jest skonstruowany tak, że w zależności od rozmiaru mam obok siebie 1, 2, 3, albo 4 elementy div. Przy zmniejszaniu szerokości działa to tak, że 4 divy stają się coraz węższe, a potem rozkładają się na nowo i obok siebie mam 3 diwy, ale większy, i dalej one się zmniejszają, aż zamieniają się na 2 szersze i jeszcze raz tak, aż zostanie 1, który się zmniejsza.
Problem w tym, że używając miar vw i vh odnoszą się one do szerokości okna, a nie diva i na tej podstawie czcionka cały czas mi maleje pomijając to, że div się powiększa.
Jakieś pomysły? Marzy mi się to oczywiście w samym CSS, bez dodatkowych skryptów.

0
czysteskarpety napisał(a):

chcesz i masz:
https://css-tricks.com/viewport-sized-typography/

No właśnie nie mam. To jest ten problem, o którym pisałem. Rozmiar nie zależy od rozmiaru okna, tylko rozmiaru diva. Div przy zmniejszaniu okna maleje, ale nagle skokowo rośnie, żeby znów proporcjonalnie maleć. Dlatego czcionka też musi się powiększać w odpowiednim momencie.

1

Przerabialem to już i nie obejdzie się bez JS, np. tego dodatku:

http://simplefocus.com/flowtype/

0

Chyba rzeczywiście skryptem trzeba. Sprawdzałem jeszcze możliwość użycia SVG i trochę działa tak, jakbym chciał, ale radość kończy się, kiedy odpalam kod w niebieskiej przeglądarce.

1 użytkowników online, w tym zalogowanych: 0, gości: 1