Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Nie działa responsywność problem z <meta>, Problem z <meta> i uruchomieniem styli od 320px do 767px
norfear
post
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 14.11.2011

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/sad.gif)

P.S najłatwiej sprawdzać to na obrazku loga które znika przy tych innych rozdzielczości (IMG:style_emoticons/default/smile.gif)

Był bym wdzięczny za pomoc w uruchomieniu tych styli od 320px - 767px
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Lord
post
Post #2





Grupa: Zarejestrowani
Postów: 239
Pomógł: 32
Dołączył: 10.03.2004

Ostrzeżenie: (10%)
X----


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. }
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 3.10.2025 - 21:37