Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
alex
Člen
Avatar
alex:25.5.2014 18:03

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
Odpovídá na alex
Neaktivní uživatel:25.5.2014 18:11

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
Neaktivní uživatelský účet
Avatar
chodnik74
Člen
Avatar
Odpovídá na alex
chodnik74:1.6.2014 11:23

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.