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 809
Pomógł: 1828
Dołączył: 11.03.2014

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

Jeśli problem jest w kodzie, to nie działałoby to na lokalnym serwerze.
Jesteś pewien, że ma rozdzielczość 720px? Nie sądzę. Rozdzielczość ekranu, to co innego niż rozdzielczość css. Jeśli pixel ratio jest większe niż jeden, to na pewno Twój kod nie zadziała.
http://stackoverflow.com/a/8785677
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: 27.12.2025 - 14:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn