• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dopasowanie obrazku do ekranu

VPS Starter Arubacloud
0 głosów
1,487 wizyt
pytanie zadane 17 stycznia 2017 w HTML i CSS przez agit45 Obywatel (1,110 p.)
Witam. Ma ktoś rozwiązanie na to aby każdy obrazek na stronie dostosowywał się do rozdzielczości monitora użytkownika który otwiera moją stronę? Aby obrazek który ma np 1280x768   dostosowywał się np do 1024x768 lub 1920x1080 itp? Tło strony jak i obrazki w divach? Szukałem na wielu forach lecz rozwiązań jako takowych nie znalazłem. Pozdrawiam!
komentarz 17 stycznia 2017 przez radek024 Szeryf (77,180 p.)

background-size: cover?

ewentualnie img{width: 100%}.

komentarz 17 stycznia 2017 przez agit45 Obywatel (1,110 p.)
dalej się nie dopasowuje rozmiarem do ekranu i do wysokości i szerokości np divów
komentarz 17 stycznia 2017 przez radek024 Szeryf (77,180 p.)
Możesz podać kod?
komentarz 17 stycznia 2017 przez agit45 Obywatel (1,110 p.)
<!doctype html>
<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8">
<title>strona główna</title>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
    <div id="naglowek">

<div id="logo">
        
        
        </div>
   
        <div id="logo">
        
        
        </div>
        <div id="logo">
        
        
        </div>
        <div id="logo">
        
        
        </div>
    </div>
    
    </body>
    </html>

 

 

body
{
    margin: 0;
    padding: 0;
    
    
    
}

#naglowek
{

 background-image: url(img/apple-1846281_640.jpg);
background-size: cover;
    height: 100vh;

width: auto; 

}

#logo
{
    height: 500px;
    
}


 

2 odpowiedzi

+1 głos
odpowiedź 17 stycznia 2017 przez lapa19904 Stary wyjadacz (11,560 p.)
spróbuj wrzucić

height: 100vh;

width: auto;
komentarz 17 stycznia 2017 przez agit45 Obywatel (1,110 p.)

ucina się i nie rozszerzył się na całą stronę 

komentarz 17 stycznia 2017 przez lapa19904 Stary wyjadacz (11,560 p.)
Nagłówek nie może mieć 100vh jeśli mają mieścić się w nim 4 divy o wysokości 500 px;

Chyba że dysponujesz tak wielkim monitorem, ale jeśli ma dopasować się do każdego użytkownika to się nie uda.
0 głosów
odpowiedź 17 stycznia 2017 przez Filip31411 Dyskutant (8,820 p.)

Podobne pytania

0 głosów
0 odpowiedzi 102 wizyt
pytanie zadane 29 maja 2016 w HTML i CSS przez tirex Gaduła (4,430 p.)
0 głosów
2 odpowiedzi 2,062 wizyt
pytanie zadane 9 marca 2017 w HTML i CSS przez KubaLaska Początkujący (350 p.)

92,454 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...