Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Wersja dla strony na komórkę
david8213
post
Post #1





Grupa: Zarejestrowani
Postów: 308
Pomógł: 0
Dołączył: 9.12.2009

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


Dlaczego wyświetla mi zawartość DIVa zarówno na komórce jak i na laptopie skoro jest warunek :

  1.  
  2. @media (max-width: 1023px) {
  3. #sidebar {display: none;
  4.  
  5. font-size: 13px;
  6. margin: 0 auto;
  7. background: rgba(0, 0, 0, 0.4);
  8. color: white;
  9. max-width: 380px;
  10. height: 120px;
  11. text-align: center;
  12. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
  13. }
  14.  
  15. <div class="sidebar"> tekst </div>
  16. </body>


Ten post edytował david8213 14.06.2019, 10:57:57
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
david8213
post
Post #2





Grupa: Zarejestrowani
Postów: 308
Pomógł: 0
Dołączył: 9.12.2009

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


Zrobiłem jak ponizej i dalej tekst wyświetlany jest na smartfonie. Gdzie smartfon szerokość ma 720 a laptop 1080
Na komórce wyświetla mi tekst na szaro. Nie powinien w ogóle wyświetlić tekstu.

  1. <!DOCTYPE html>
  2. body {
  3. font-family: Arial;
  4. color: grey;
  5. }
  6.  
  7. @media (max-width: 721px) {
  8. .bar {
  9. display: none;
  10. }
  11. }
  12.  
  13. @media (min-width: 1023px) {
  14. .bar {
  15. display: block;
  16. color: blue;
  17. }
  18. }
  19.  
  20.  
  21. <div class="bar"> tekst </div>
  22.  
  23. </BODY>
  24. </HTML>



Znalazłem czego brakowało:

W head trzeba wstawić

  1. <meta name="viewport" content="width=device-width; initial-scale=1.0">


to dla tych którzy moze kiedyś będą tego szukać

Ten post edytował david8213 14.06.2019, 12:07:22
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: 15.10.2025 - 22:40