Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.
Tak jsem přišel na problém. Menu na telefon má odsazení 50 pixelů od horní pozice a výšku má nastavenou na 100% avšak když je to element který má pozici nastavenou na fixed prostě se dá přes celou stránku (výška 100%) a ještě se odsadí 50 pixelů od horní pozice čímž se zakryje poslední položka tím pádem je potřeba nestavit výšku na 100% - 50px (horní odsazení) tudíž k tomuto účelu použij css funkci calc.
Takže
(style.css:311)
@media (max-width: 1065px) {
.menu__telefon {
width: 100%;
height: 100%;
z-index: 9999999;
overflow: auto;
display: none;
top: 50px;
left: 0px;
position: fixed;
background-color: #A60800;
}
}Nahraď tímto
@media (max-width: 1065px) {
.menu__telefon {
width: 100%;
height: -moz-calc(100% - 50px);
height: -webkit-calc(100% - 50px);
height: -o-calc(100% - 50px);
height: calc(100% - 50px);
z-index: 9999999;
overflow: auto;
display: none;
top: 50px;
left: 0px;
position: fixed;
background-color: #A60800;
}
}V prípade takéhoto prvku výšku vôbec nepotrebuješ poznať, počítať ani nastavovať. Takúto situáciu ide riešiť dvoma lepšími spôsobmi:
Nič z toho ale nerieši nedomyslenú situáciu väčšieho množstva položiek, kde sa niečo natrvalo skryje za okno prehliadača.
Pri určitom vertikálnom a prípadne kvôli zalomeniu riadkov aj
horizontálnom rozlíšení nastav navigácii statickú alebo absolútnu
pozíciu.
Napr.:
@media (max-height: 40em), (max-width: 20em) {
.menu__telefon {position: absolute; bottom: auto;}
}Kvôli zaručenej čitateľnosti aj pri zmenej veľkosti písma použi radšej jednotku em.
Zobrazené 6 správy z 16.
