• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

RWD - Media Queries

0 głosów
114 wizyt
pytanie zadane 1 grudnia 2018 w HTML i CSS przez Piotr Jarema Użytkownik (510 p.)
menu {
    z-index: 99999;
    margin: 15px 0;
    border-top: 1px solid red;
    padding: 0;
    list-style: none;
    text-align: center;
    position: sticky;
    top: 0;
    background-color: whitesmoke;
}

menu li {
    display: inline-block;
    font-size: 14pt;
}

menu li a {
    text-decoration: none;
    color: red;
    padding: 20px;
    display: block;
    border-bottom: 3px solid rgba(255, 255, 255, 0);
    transition: ease-out .25s;
}
@media screen and (max-width: 800px) {
    menu {
        width: 100vw;
    }
}
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="responsive.css" />

No i oczywiście tag na viewport mam, dlaczego zatem menu nie chce się rozciągnąć na full screen?

4 odpowiedzi

0 głosów
odpowiedź 1 grudnia 2018 przez 1234 Gaduła (3,640 p.)
Może spróbuj zamienić "vw" na "%"
komentarz 1 grudnia 2018 przez Piotr Jarema Użytkownik (510 p.)
To samo
0 głosów
odpowiedź 1 grudnia 2018 przez Tomek Sochacki Mędrzec (169,730 p.)
jesli menu nie jest jakis customowym tagiem to chyba powinienes odniesc sie do klasy .menu albo #menu ale lepsze pierwsze rozwiazanie.
komentarz 1 grudnia 2018 przez Piotr Jarema Użytkownik (510 p.)
<menu class="menu">
@media (max-width: 800px) {
.menu {
        width: 100vw !important;
    }}

Już widać chociaż to w konsoli ale still nic się nie dzieje.

0 głosów
odpowiedź 1 grudnia 2018 przez Comandeer Mentor (451,980 p.)

Czemu używasz tagu menu? Jeśli to nawigacja, to powinieneś użyć nav.

Niemniej: https://codepen.io/Comandeer/pen/VVgWda – rozciąga się. Możesz pokazać więcej kodu?

0 głosów
odpowiedź 1 grudnia 2018 przez Davidelo18 Użytkownik (520 p.)
Może spróbuj dać wszystko na box sizing: border box

Podobne pytania

0 głosów
2 odpowiedzi 101 wizyt
0 głosów
2 odpowiedzi 119 wizyt
pytanie zadane 31 sierpnia 2017 w HTML i CSS przez jacobek02 Nowicjusz (200 p.)
0 głosów
1 odpowiedź 44 wizyt
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

62,274 zapytań

108,398 odpowiedzi

226,279 komentarzy

34,841 pasjonatów

Przeglądających: 202
Pasjonatów: 3 Gości: 199

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...