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

Czemu kod nie działa przy media queries

VPS Starter Arubacloud
0 głosów
390 wizyt
pytanie zadane 5 października 2018 w HTML i CSS przez Layoutowiec Mądrala (5,470 p.)

Witam!
 

mam kod który ma przenosić na podstronę i wszystko jest ok ale przy media queries nie działa 

 <div class="load-link-post">   
                <li><a href="allposts/post2.html">Czytaj Dalej</a></li>    
  </div>   
.load-link-post
{
  height: 25px;
  width: 150px;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: bold;
  padding-top: 5px;
  margin-left: 57%;
  margin-top: 3%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  font-family: 'Lato', sans-serif;
}
  
.load-link-post > li
{
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
}
  
.load-link-post a
{
  color: #000;
  text-decoration: none;
}

Media queries: 

to samo co wyżej nie działa na każdej rozdzielczości jaką próbowałem (m.i.n. 320px; 768px;)

1 odpowiedź

0 głosów
odpowiedź 5 października 2018 przez arces Pasjonat (17,700 p.)
Gdzie masz zdefiniowany wygląd pod inną rozdzielczość, bo w CSS tego nie widzę?

Po drugie w HTML może brakować Ci znacznika meta odpowiadającego za RWD.
komentarz 5 października 2018 przez Layoutowiec Mądrala (5,470 p.)
Jeżeli chodzi ten kod media to to jest tylko część dotyczącą tego co potrzebuje bi reszta jest zdefiniowana, ale możesz mi powiedzieć co powinno być w tym znaczniki bo możliwe że go nie mam ponieważ na rozdzielczościach bez ustawień wszystko działa ok
komentarz 5 października 2018 przez arces Pasjonat (17,700 p.)

W CSS masz jakiś znacznik dotyczący RWD? Np.

@media (min-width: 768px) {
   kod
}

A co do znacznika HTML to może brakować Ci:

<meta name="viewport" content="width=device-width, initial-scale=1">

 

komentarz 5 października 2018 przez Layoutowiec Mądrala (5,470 p.)
Tak mam to z css ale jeszcze sprawdzę co z html
komentarz 5 października 2018 przez Layoutowiec Mądrala (5,470 p.)
Sprawdziłem i mam oba. To co może być nie tak?
komentarz 6 października 2018 przez arces Pasjonat (17,700 p.)
Pokaż cały kod i będzie prościej, bo tak to wróżenie z fusów.

Podobne pytania

0 głosów
3 odpowiedzi 805 wizyt
pytanie zadane 14 listopada 2018 w HTML i CSS przez Uzytkowniczka Nowicjusz (220 p.)
0 głosów
3 odpowiedzi 1,975 wizyt
pytanie zadane 29 września 2017 w HTML i CSS przez Apper97 Obywatel (1,380 p.)
0 głosów
2 odpowiedzi 481 wizyt
pytanie zadane 6 marca 2019 w HTML i CSS przez ricksanchez1943 Początkujący (260 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...