Czemu kod nie działa przy media queries

Question

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;)

Answer 1

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.

Comments

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

---

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">

 

---

Tak mam to z css ale jeszcze sprawdzę co z html

---

Sprawdziłem i mam oba. To co może być nie tak?

---

Pokaż cały kod i będzie prościej, bo tak to wróżenie z fusów.