Wątek przeniesiony 2015-01-10 12:26 z Webmastering przez dzek69.

Jak wycentrować i dopasować obrazek do przeglądarki?

0

Siemka, a więc ... zrobiłem jako tło dla body obrazek. Ładnie działa na PC, na iOS również. Natomiast kiedy odpalam www na Androidzie tłem w tym przypadku jest tylko to co faktycznie posiada jakieś komponenty. Nie mam zamiaru wrzucać setki </br>, ponieważ jest prawdopodobnie jakaś możliwość wycentrowania diva o której ort! :P

Mój kod:

            body{
                background: url(img/bg.jpg) no-repeat center center fixed; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                min-height: 100%;
            }

Pytanie brzmi: jak dopasować body na całą szerokość ekranu, tak aby zdjęcie zajmowało 100% (nie "stretch", tylko "zoom and crop" :) )

0

Znalazłem już :v

html{
 height:100%;
 min-height:100%;
 }
body{
 min-height:100%;
 }

1 użytkowników online, w tym zalogowanych: 0, gości: 1