Resize diva w zależności od rozmiaru view portu - problem z media quries

Question

1. Mam diva , który przechowuje w sobie inne divy. Dla dużych ekranów 1920x1080  właściwość left:20% .
2. W przypadku mniejszych ekranów, np laptopa o viewporcie 1366 x 768 left:50px. Na stronie mam tag z viewportem.

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

3.  W cssie zapisałem:

@media (max-width:1366px) 
{
  .pack
  {
   left:50px;
  }
}

Mimo powyższysz zapisów resize diva nie działa.

 

Comments

Wszystko fajnie, tylko nie napisałeś jaki masz problem.
Poza tym najlepiej zapytania medialne umieszczać w zewnętrznym pliku css razem ze stylami css.

---

1. Wszystko jest w osobnym pliku razem ze stylami
2. Mimo zapisów, div nie zmienia swojej właściwości left na mniejszym ekranie Masz może pomysł co można zrobić ?

---

zobacz na mozilli albo wylacz cachowanie na chromie

---

Albo poprostu zrealizuje to za pomocą jQuery.

---

zamiast max-width użyj min-width

Answer 1

Dorzuć, może zaskoczy:

@media screen and (max-width: 1366px)