Avatar
alex
Člen
Avatar
alex:

ahoj , ako spravim "auto adjusting" web?(resp web ktory sa prisposobuje rozliseniu obrazovky atd)
skusal som

body{width:100%}

aj

body
{max-width:100%;
 min-width:20%}

ale nejako mi to nefunguje

 
Odpovědět 25.5.2014 18:03
Avatar
Samuel Illo
Redaktor
Avatar
Odpovídá na alex
Samuel Illo :

Ak dáš percentá, stránka sa vždy zobrazí na šírku celého monitora a teda sa bude prispôsobovať napr. veľkosti okna (bude v celom okne), v tom prípade ale stačí napísať:

body
{width:100%;}

Lepšie je ale namiesto percent dať veľkosť v px napr:

body
{max-width:1000px;
 min-width:200px}

v tom prípade sa stránka dokáže zúžiť až na veľkosť 200px, čo je približne rozlíšenie klasického mobilu, naopak na desktope s rozlišením 1920px sa zobrazí len so šírkou 1000px

Nahoru Odpovědět 25.5.2014 18:11
www.samuelillo.com; lamka02sk(zavináč)samuelillo.com, www.point.samuelillo.com, www.csgorig.eu
Avatar
chodnik74
Člen
Avatar
Odpovídá na alex
chodnik74:

Ahoj,
záleží na designu, ale většinou se dělá kontejner, který drží celý obsah uprostřed monitoru a podklad webu má nějakou barvu či pozadí.

body
{
 background: #fff;
}

.container
{
 width: 1000px;
 margin: 0 auto;
 position: relative;
}

a pak už je jedno, zda má uživatel 1280px nebo FullHD monitor, protože pozadí bude bílé a obsah webu bude mít uprostřed obrazovky :)
Dále je možnost tvořit responzivní web, například pomocí Twitter bootstrapu, který mohu doporučit.

 
Nahoru Odpovědět 1.6.2014 11:23
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.