Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]@media
Forum PHP.pl > Forum > Przedszkole
kamilo818
Robię wersję strony na urządzenia mobilne.
Chcę dla jednego elementu zmienić wielkość czcionki :

  1. @media only screen and (max-width: 499px) {
  2. .slide3 .content #content{
  3. font-size:20px;
  4. }
  5. }
  6.  
  7. .slide3 .content #content{
  8. font-size:50px;
  9. color:#ffffff;
  10. font-family:Raleway;
  11. text-align:center;
  12. margin:0 auto;
  13. padding:40px;
  14. }

Po tym jak okno będzie węższe niż 499 px wielkość czcionki powinna się zmienić na 20px.
Tak się niestety nie dzieje. Czy nie można tak nadpisać atrybutu? Czy źle to robię?
Crozin
Stosujesz taki sam selektor w obu przypadkach, więc reguły z późniejszego nadpisują te ze wcześniejszego - IIRC @media nie ma znaczenia przy priorytecie selektorów.

Dwa rozwiązania:
1. Wstaw @media niżej w dokumencie.
2. Zmień selektory.
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.