Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]wielkość czcionki w zależności od szerokości diva
Forum PHP.pl > Forum > Przedszkole
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.

  1. <p class="header">Mój tekst</p>


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 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;
    }
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.