Tło dla wersji mobilnej

(germar) #1

Witam
Mam pytanie, jak zrobić takie tło, background lub inaczej to się nazywa, jak jest np. na stronie Dobrych Programów, wchodzisz przez smartphone na ww. stronę i tam jest takie zielonkawe tło, mimo że cała strona jest w kolorze dominującym - białym?
Za wszelkie podpowiedzi, linki, namiary serdeczne Dzięki.

(torik) #2

to bardzo proste poczytaj o “media queries”. Tu masz przykładowy prosty kod.

<!DOCTYPE html>
<html lang="pl">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
   <style>
      * {
         padding: 0;
         margin: 0;
      }
      .tlo {
         width: 100%;
         height: 100vh;
         background-color: green;
      }
      @media (min-width: 600px) {
         .tlo{
         background-color: white;
         }
      }
   </style>
</head>
<body>
   <div class="tlo"></div>
</body>
</html>

i tyle

(krystian3w) #3

Ale na twojej stronce czy chcesz na telefonie zmodyfikować wygląd DP?


Jak na telefonie zmodyfikować DP (np. dla czytelności, by biel nie raziła) to potrzebujesz jednej z tych przeglądarek na Androidzie:

(germar) #4

Dziękuję za podpowiedzi, mi jednak chodziło o to a w sekcji head dodać linijkę kodu, znalazłem to później w necie, chodzi o dopisek:

> <meta name="theme-color" content="#kolortła">

1 Like
(krystian3w) #5

A czyli kolorowanie interfejsu chrome.