Autor Zpráva
Chubka
Profil *
Zdravím,
potřebuju, aby se mi v různých rozlišeních zobrazovala jiná velikost textu. Můj zápis ale nefunguje. Poradil by někde kde je chyba?

@media(max-width: 240px) {
  h1 {
    font-size: 25pt;
  }
}
@media(max-width: 240px) {
  .odborne {
    font-size: 12pt;
  }
}
@media(max-width: 240px) {
  .sluzby {
    font-size: 12pt;
  }
}
@media(max-width: 240px) {
  .footer {
    font-size: 11px;
  }
}



@media(max-width: 320px) {
  h1 {
    font-size: 25pt;
  }
}
@media(max-width: 320px) {
  .odborne {
    font-size: 12pt;
  }
}
@media(max-width: 320px) {
  .sluzby {
    font-size: 12pt;
  }
}
@media(max-width: 320px) {
  .footer {
    font-size: 11px;
  }
}



@media(max-width: 480px) {
  h1 {
    font-size: 35pt;
  }
}
@media(max-width: 480px) {
  .odborne {
    font-size: 12pt;
  }
}
@media(max-width: 480px) {
  .sluzby {
    font-size: 12pt;
  }
}
@media(max-width: 480px) {
  .footer {
    font-size: 11px;
  }
}



@media(max-width: 768px) {
  h1 {
    font-size: 35pt;
  }
}
@media(max-width: 768px) {
  .odborne {
    font-size: 19pt;
  }
}
@media(max-width: 768px) {
  .sluzby {
    font-size: 16pt;
  }
}
@media(max-width: 768px) {
  .footer {
    font-size: 12px;
  }
}


@media(max-width: 1024px) {
  h1 {
    font-size: 35pt;
  }
}
@media(max-width: 1024px) {
  .odborne {
    font-size: 25pt;
  }
}
@media(max-width: 1024px) {
  .sluzby {
    font-size: 18pt;
  }
}@media(max-width: 1024px) {
  .footer {
    font-size: 16px;
  }
}
petr 6
Profil
Co je menší než 240, je také menší než 1024. Zřejmě se tedy na všechna rozlišení s šířkou méně než 1024 pixelů aplikuje poslední sada pravidel.
Doplň ke každému pravidlu i příslušnou min-width nebo obrať pořadí zápisu od obecnějšího ke konkrétnějšímu.

Viz http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
Taps
Profil
Chubka:
není třeba ten zápis tak drolit
 @media screen and(max-width: 240px) {
  h1 {
    font-size: 25pt;
  }
  .odborne {
    font-size: 12pt;
  }
  .sluzby {
    font-size: 12pt;
  }
  .footer {
    font-size: 11px;
  }

}..
Chubka
Profil *
Tak díky, nakonec tento zápis funguje
@media(max-width: 240px) {
h1 {
    font-size: 25pt;
  }
.odborne {
    font-size: 12pt;
  }
.sluzby {
    font-size: 12pt;
  }
.footer {
    font-size: 11px;
  }
}

@media(max-width: 320px)  and (min-width: 239px){
  h1 {
    font-size: 25pt;
  }
.odborne {
    font-size: 12pt;
  }
.sluzby {
    font-size: 12pt;
  }
.footer {
    font-size: 11px;
  }
}

@media(max-width: 480px)  and (min-width: 321px){
  h1 {
    font-size: 35pt;
  }
.odborne {
    font-size: 12pt;
  }
.sluzby {
    font-size: 12pt;
  }
.footer {
    font-size: 11px;
  }
}

@media(max-width: 768px)  and (min-width: 481px){
  h1 {
    font-size: 35pt;
  }
.odborne {
    font-size: 19pt;
  }
.sluzby {
    font-size: 16pt;
  }
.footer {
    font-size: 12px;
  }
}

@media(max-width: 1024px)  and (min-width: 769px){
  h1 {
    font-size: 35pt;
  }
.odborne {
    font-size: 25pt;
  }
.sluzby {
    font-size: 18pt;
  }
.footer {
    font-size: 16px;
  }
}
petr 6
Profil
Zápis pro <240 a 240-320 můžeš sloučit do jednoho, když máš v obou nastavena stejná pravidla.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: