Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]początki z media queries
marcus753
post 9.05.2014, 11:05:25
Post #1





Grupa: Zarejestrowani
Postów: 281
Pomógł: 3
Dołączył: 8.06.2009
Skąd: Kraków

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

witajcie mam mały problem z poniższym kodem, po prostu divy podczas skalowania muszą zmienić swój kolor z czerwonego na zielony, w przeglądarce wszystko jest ok ale w telefonie cały czas są czerwone. Jak to obejść ? jquery wyświetla rozdzielczość ekranu (400x640)

[HTML] pobierz, plaintext 
  1. <!doctype html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>25 lat GW</title>
  6.  
  7. 	<style type="text/css">
  8. 	.content {
  9. 	width:100%;
  10. 	height:100px;
  11. 	line-height:100px;
  12. 	margin-top:30px;
  13. 	text-align:center;
  14. 	font-size:22px;
  15. 	background:red;
  16. 	}
  17.  
  18. @media all and (min-width:100px) and (max-width:800px) {
  19. 	.content {
  20. 		background:yellow;
  21. 	}
  22. }
  23. 	</style>
  24. <script type="text/javascript">
  25. alert(screen.width);
  26. alert(screen.height);
  27. </script>
  28. </head>
  29.  
  30. <body>
  31. <div class="content">kontener 1</div>
  32. <div class="content">kontener 1</div>
  33. <div class="content">kontener 1</div>
  34. </body>
  35. </html>
[HTML] pobierz, plaintext


Będę wdzięczny za pomoc jak sobie z tym radzicie ? Po prostu przeglądarki w telefonach podszywają się pod wyższą rozdzielczość i skalują strony po swojemu...


--------------------
Cokolwiek zostanie upuszczone na uklad elektroniczny, spadnie zawsze tam gdzie wyrzadzi najwiecej szkody.
Go to the top of the page
+Quote Post
Tuminure
post 9.05.2014, 11:17:56
Post #2





Grupa: Zarejestrowani
Postów: 178
Pomógł: 49
Dołączył: 16.04.2012
Skąd: Bytom

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

Dorzuć jeszcze i powinno działać
[HTML] pobierz, plaintext 
  1. <meta name="viewport" content="width=device-width">
[HTML] pobierz, plaintext


PS.
Cytat
podczas skalowania muszą zmienić swój kolor z czerwonego na zielony

Tja... zielony... tongue.gif
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.06.2024 - 19:37
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn