Autor Zpráva
final
Profil
Zdravím,
mám takýto kód
@media only screen and (max-height : 480px) {
    #a {
        padding-top: 10px;
    }   
}
@media only screen and (max-height : 640px) {
    #a {
        padding-top: 50px;
    }   
}
Pokiaľ si vo FF otvorím responzívny dizajn a nastavím si rozlíšenia 320x480,360x640 tak v obidvoch prípadoch je padding 50px(na prvom rozlíšení má byť iba 10px) kde môže byť chyba?
Trejpa
Profil
final:
Záleží na pořadí podmínek. V tomto pořadí je splněna první podmínka a celou její množinu platnosti a pár pixelů navíc obsahuje druhá podmínka. Proto ji ta druhá vždy přebije.

1. Je to menší, než 480? Ano, nastav padding na 10 px.
2. Je to menší, než 640? Ano, také. Přepiš padding na 50 px.


Když zaměníš pořadí podmínek, bude to fungovat:
1. Výška 0 px - 480 px => padding 10 px
2. Výška 481 px - 640 px => padding 50 px
3. Výška 641 px a více => padding nenastaven, tedy 0 px
final
Profil
ďakujem

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: