Logowanie

Dopasowanie obrazku do ekranu

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,160 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,160 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

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.

odpowiedź 17 stycznia 2017 przez Filip31411 Dyskutant (8,820 p.)

Podobne pytania

0 głosów

0 odpowiedzi 103 wizyt

dopasowanie contentenu do szerokosci i wysokosci ekranu

pytanie zadane 29 maja 2016 w HTML i CSS przez tirex Gaduła (4,430 p.)

+1 głos

1 odpowiedź 539 wizyt

Jak stworzyć dwa przyciski (które są obok siebie i podlinkowane do osobnych treści) wyświetlające się na obrazku?

pytanie zadane 9 stycznia 2022 w HTML i CSS przez XIAOS454 Nowicjusz (160 p.)

0 głosów

2 odpowiedzi 2,083 wizyt

Dowolny tekst na obrazku jak zrobić ?

pytanie zadane 9 marca 2017 w HTML i CSS przez KubaLaska Początkujący (350 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

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!

...

Dopasowanie obrazku do ekranu

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci