NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
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
Neaktivní uživatel
Tvůrce
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.