• 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
136 wizyt
pytanie zadane 1 grudnia 2018 w HTML i CSS przez Piotr Jarema Użytkownik (530 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 Mądrala (5,200 p.)
Może spróbuj zamienić "vw" na "%"
komentarz 1 grudnia 2018 przez Piotr Jarema Użytkownik (530 p.)
To samo
0 głosów
odpowiedź 1 grudnia 2018 przez Tomek Sochacki Mędrzec (188,800 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 (530 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 (462,240 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 (560 p.)
Może spróbuj dać wszystko na box sizing: border box

Podobne pytania

0 głosów
2 odpowiedzi 122 wizyt
0 głosów
2 odpowiedzi 126 wizyt
pytanie zadane 31 sierpnia 2017 w HTML i CSS przez jacobek02 Nowicjusz (200 p.)
0 głosów
1 odpowiedź 47 wizyt
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

66,507 zapytań

113,271 odpowiedzi

239,885 komentarzy

46,644 pasjonatów

Przeglądających: 296
Pasjonatów: 14 Gości: 282

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.

...