Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]wielkość czcionki w zależności od szerokości diva
marcus753
post 28.08.2014, 10:28:43
Post #1





Grupa: Zarejestrowani
Postów: 281
Pomógł: 3
Dołączył: 8.06.2009
Skąd: Kraków

Ostrzeżenie: (0%)
-----


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


--------------------
Cokolwiek zostanie upuszczone na uklad elektroniczny, spadnie zawsze tam gdzie wyrzadzi najwiecej szkody.
Go to the top of the page
+Quote Post
tzm
post 28.08.2014, 10:43:05
Post #2





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


http://jsfiddle.net/ph9w3907/

pisane z palca, wiem że można lepiej i w css ale tak działa.
Go to the top of the page
+Quote Post
by_ikar
post 28.08.2014, 13:12:22
Post #3





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

Ostrzeżenie: (0%)
-----


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

@media screen and (min-width: 1980px) {
    .header{
        font-size: 24px;
    }
}
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.05.2025 - 15:44