Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Nie działa responsywność problem z <meta>
Forum PHP.pl > Forum > Przedszkole
norfear
Tak jak w temacie nie działa responsywność dla wybranej rozdzielczości.

Na stronie testowej
http://avanti-pizza.vot.pl

dla
rozdzielczości 1200px i więcej = wszystko jest OK

dla
CODE
@media screen and (min-device-width: 768px) and (max-device-width: 1200px) { style }

= wszystko jest ok

dla
CODE
@media screen and (min-device-width: 320px) and (max-device-width: 767px) { style }

= tutaj nie działa

Wiem że problem leży w tej linijce
CODE
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">


bo jak wyłączę ja to wtedy mi ten #media screen 320-767px działa, ale nie zaczytuje mi w tedy styli bootstrapowych sad.gif

P.S najłatwiej sprawdzać to na obrazku loga które znika przy tych innych rozdzielczości smile.gif

Był bym wdzięczny za pomoc w uruchomieniu tych styli od 320px - 767px
Lord
w pliku style.css w 303 lini masz display: none;
  1. @media screen and (min-device-width: 768px) and (max-device-width: 1200px) {
  2. .header-logo img {
  3. display: none;
  4. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.