Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z media queries
smolcio
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 7.02.2015

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

Witam, napisałem prosty kod do media queries lecz jest mały problem. Zmieniając szerokość przeglądarki wszystko działa lecz gdy wrzucam plik na serwer to mój telefon w przeglądarce chrome dla androida widzi wersje z rozdzielczością powyzej 800px a ma rozdzielczość o szerokości 720px. Style dla mniejszej rozdzielczości są jakby ignorowane. Być może coś źle robię, proszę o pomoc.


[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>MEDIA</title>
  6.  
  7. 	<link rel="stylesheet" type="text/css" href="style.css">
  8. </head>
  9. <body>
  10.  
  11.     <div>
  12.  
  13.         <p>WITAM</p>
  14.     </div>
  15.  
  16.  
  17. </body>
  18. </html>
[HTML] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. * {font-family: calibri;}
  2.  
  3.  
  4. @media screen and (max-width: 800px) {
  5.  
  6.     div {
  7.         width: 50%;
  8.         background: #af6969;
  9.         margin: auto;
  10.     }
  11.     p {
  12.         text-align: center;
  13.         font-size: 30px;
  14.         color: #fff;
  15.  
  16.         }
  17.  
  18. }
  19.  
  20. @media screen and (min-width: 801px) {
  21.  
  22.     div {
  23.         width: 50%;
  24.         background: #696eaf;
  25.         margin: auto;
  26.     }
  27.  
  28.     p {
  29.         text-align: center;
  30.         font-size: 30px;
  31.         color: #fff;
  32.         }
  33.  
  34. }
[PHP] pobierz, plaintext


Ten post edytował smolcio 7.02.2015, 20:08:09
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 807
Pomógł: 1828
Dołączył: 11.03.2014

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

Odwiedź zakładkę Network lub Console w przeglądarce Chrome (F12).
Go to the top of the page
+Quote Post

Posty w temacie
- smolcio   Problem z media queries   7.02.2015, 18:33:25
- - trueblue   1. style.css jest w tym samym katalogu co index? 2...   7.02.2015, 19:03:36
- - smolcio   Tak wszystko jest w tym samym folderze oraz jest p...   7.02.2015, 20:06:50
- - trueblue   Odwiedź zakładkę Network lub Console w przeglądarc...   7.02.2015, 22:08:34
- - smolcio   Sęk w tym, że w systemie Windows w obrębie przeglą...   8.02.2015, 21:29:28
- - trueblue   A czy Twój telefon obsługuje media queries? Jeśli ...   8.02.2015, 22:07:38
- - smolcio   Telefon wraz z przeglądarką chrome musi je obsługi...   8.02.2015, 22:23:18
- - trueblue   Jeśli problem jest w kodzie, to nie działałoby to ...   8.02.2015, 22:32:50

« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 15.10.2025 - 22:11
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn