[CSS]wielkość czcionki w zależności od szerokości diva Opcje

[marcus753]

Tak jak w temacie czy mozna powiązać wielkość czcionki w zależności od szerokości diva (a dokładniej rozdzielczości ekranu ?) chciałbym aby na małych ekranach czcionka i zdjęcia były małem natomiast na dużych ekranach czcionka razem ze zdjęciami powinna się ładnie powiększać. Ustawienie kilku arkuszy styli w media queries odpada.

[HTML] pobierz, plaintext 
<p class="header">Mój tekst</p>
[HTML] pobierz, plaintext 

header ma szerokość na 100% w przypadku szerokości np. 1024 chciałbym żeby tekst miał rozmiar 16px a w przypadku szerokości 1980 np. 24px - wartości pośrednie powinny być ustawiane dynamicznie (IMG:style_emoticons/default/wink.gif)

[tzm]

http://jsfiddle.net/ph9w3907/

pisane z palca, wiem że można lepiej i w css ale tak działa.

[by_ikar]

Kod

@media screen and (min-width: 1024px) {
    .header{
        font-size: 16px;
    }
}

@media screen and (min-width: 1980px) {
    .header{
        font-size: 24px;
    }
}