Auto font-size plugin

Tags:    jquery plugin

Hej.
Jeg er igang med at lave en hjemmeside, og den skal være reponsive, selvfølgelig.

Mit problem er at min menu fylder for meget når jeg gør skærmen mindre.
Sådan her så menuen ud i fuld skærm: http://i.imgur.com/kB7Yok3.png
Og sådan her ser den ud i lidt mindre skærm: http://i.imgur.com/9GiT9Ep.png

Jeg har kigget på plugins som http://fittextjs.com/, men de ser kun ud til at virke med en enkel paragraf.

Min html til menuen er opbygget sådan her
Fold kodeboks ind/udHTML kode 




10 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Inspiration:
http://jbdes.net/dev/js/fontsize.html



Har lidt svært ved at tænke hvordan jeg skal finde ud af hvad font-sizen skal være når jeg har flere elementer på række, som har padding, margin og alt muligt andet.



giv menuen et helt andet design på de små skærme med media queries. det virker meget bedre.



@dan, har jeg gjort.
Men problemet er at jeg stadig gerne vil have en normal menu når jeg bruger siden med tablet, og allerede der er problemet.



Så lav endnu en medie query? Eller giv tablets mobil menuen



Stop nu. Leder ikke efter alternative løsninger.
Jeg vil have at menuen resizer efter størrelse på dens container.

Ekstra media queries vil ikke virke da jeg ikke ved hvor mange elementer min menu har.



held og lykke med at få det til at virke.



Du kan prøve at lege med nogle vw units. (viewport units)

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



Er problemet at font-size ikke skalerer, kan du overveje at brugge CSS3's rem værdi - læs mere her



Er problemet at font-size ikke skalerer, kan du overveje at brugge CSS3's rem værdi - læs mere her


Det er rigtigt sdf, men så skal han stadig sætte body { font-size: xxpx; } på forskellige breakpoints og det vil han ikke.



t