Tło obrazkowe, które dopasowuje się do rozdzielczości monitora

Question

Cześć!

Zauważyłem ostatnio, że powstaje wiele stron typu "One Page". Po wejściu na taką stronę tło obrazkowe dopasowuje się idealnie do rozdzielczości monitora w pionie i poziomie. Jaki rozmiar musi mieć tło i jak je zakodować by dopasowało się idealnie w pionie i poziomie do każdego monitora?

Pozdrawiam

Answer 1

W CSS:

background-size:cover;

 

Answer 2

Realny kod to było by coś takiego w pliki css lub w <style></style>.

body
{
   background-size:cover;
   background-image: <scirzka>

}

 

Answer 3

Responywnosc. Miroslaw Zelent napewno zrobi o tym osobny film. Mozesz cierpliwie czekac lub wystukac w google i poszukac cos na ten temat. Pozdrawiam :)!

Answer 4

RWD - Responsive Web Design. Można realizować to np. za pomocą jakiegoś frameworka np. CodeIgniter albo nawet w WordPressie dzisiaj koduje się strony RWD typu One Page.

Answer 5

Oczywiście mogę sie mylic, ale chyba można ustawić wysokość i szerokość na 100% czyli w css height: 100%; width: 100%;

Answer 6

Odpowiedz to RWD - responsive web design.

w skrucie uzywanie relatywnych jednostk miar np. % zamiast px, oraz css media queries ;)

Answer 7

Staraj sie uzywac funkcji co powiedzieli chlopaki czyli cover ale uzywaj zdjec z duza rozdzielczoscia bo pamietaj ze jest coraz wiecej monitorow 4k jak i 5 k i na takim monitorze bedzie wygladalo to strasznie. Pamietaj tez ze im wieksze zdjecie tym dluzej sie laduje ;) . I nie zapomnij o funcji no-repeat pozdrawiam