moja pierwsza stronka internetowa

pytanie zadane 23 lutego 2021 w HTML i CSS przez ferdynand Obywatel (1,250 p.)

Witam Wszystkich :)

Robie swoja pierwszą stronke, mialem juz pare mniejszych lub wiekszych problemów, ale zawsze udało sie jakos je rozwiazać teraz cos mi nie idzie :P dlatego bede wdzieczny za każdą pomoc.Stronke zrobilem juz na widok mobilny od ktorego zacząłem i zaniepokoilo mnie to ,ze przy układzie ladscape , header zmienia mi wysokość pomimo tego że jest ustawiona na 18vh. Poprostu przy układzie ladscape header w pionie mi sie zmniejsza to samo mam przy zwijaniu strony od dolu do góry heder sie zwija zamiast miec jedna stala wielkosc i nie wiem juz czy tak ma byc?, raczej wątpie

 <header>
        <img src="img/logo.png" alt="">
        <div class="burger">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <nav>
            <ul>
                <li><a href="index.html">Strona główna</a></li>
                <li><a href="menu.html">Menu</a></li>
                <li><a href="#o_nas">O nas</a></li>
                <li><a href="rezerwacje.html">Rezerwacje</a></li>
                <li><a href="uroczystości.html">Uroczystości</a></li>
                <li><a href="#kontakt">Kontakt</a></li>
            </ul>
        </nav>
    </header>

.Prosze o pomoc :)

komentarz 23 lutego 2021 przez Author[] Gaduła (3,130 p.)

Czy mógłbyś pokazać kod css-a? Trudno coś powiedzieć widząc sam html. Poza tym dawanie pustego atrybutu alt mija się z celem .

komentarz 23 lutego 2021 przez ferdynand Obywatel (1,250 p.)

Jutro wkleję, bo nie mam za bardzo dostępu teraz do komputera, tylko wkleić cały kod css? Z całej stronki?

1 odpowiedź

odpowiedź 23 lutego 2021 przez sc4rface Dyskutant (7,710 p.)
wybrane 24 lutego 2021 przez ferdynand

Najlepsza

Jeżeli chodzi o zmieniającą się wysokość headera w pionie (portait), a poziomie (landscape), powinieneś rozpatrywać to w następujący sposób:

vh to nic innego jak dynamiczna jednostka oznaczająca % wysokości dostępnego ekranu tj. 1vh = 1%.

W twoim przypadku 18vh = 18% dostępnej wysokości ekranu, stąd przy zmianie orientacji urządzenia na poziomą tego miejsca na header robi się mniej, z czego wniosek jest prosty.

Aby zachować header zawsze takiej samej wysokości możesz ustawić jego wysokość (height: (n)px) na stałą ilość pikseli, a elementy w środku rozmieścić przy pomocy flexa.