Pouze tento týden sleva až 80 % na e-learning týkající se Javy

Diskuze: RWD

Aktivity (3)
Avatar
mat.masar
Člen
Avatar
mat.masar:19.9.2015 16:56

Ahoj, dělám rwd u vertikální stránky a chtěl bych, aby se na malých obrazovkách zobrazoval jenom obsah a vedlejší popruhy zmizely. U větších by se popruhy zvětšovaly. Poradí mi někdo jak to mám oříznout?

 
Odpovědět
19.9.2015 16:56
Avatar
Samuel Illo
Redaktor
Avatar
Odpovídá na mat.masar
Samuel Illo :19.9.2015 17:17

Použi media queries, stačí pri nich nastaviť šírku, kedy vedľajšie pruhy zmiznú.

@media(max-width: 720px) {
   display: none;
}
Nahoru Odpovědět
19.9.2015 17:17
www.samuelillo.com | www.github.com/lamka02sk
Avatar
mat.masar
Člen
Avatar
Odpovídá na Samuel Illo
mat.masar:20.9.2015 9:18

Jo funguje to díky. A ještě mám dotaz proč když mám v souboru: <meta name="viewport" content="width=de­vice-with, initial-scale=1.0"> tak proč se mi to na mobilu nezobrazuje na "jednu stránku" a mám tam horizontální posuvník?

 
Nahoru Odpovědět
20.9.2015 9:18
Avatar
David Hynek
Redaktor
Avatar
Odpovídá na mat.masar
David Hynek:20.9.2015 10:34

zkus si to projít, zda tam někde nemáš třeba width: 100% a pak padding... ale jinak jde posuvník zakázat (potlačit zobrazení)

Nahoru Odpovědět
20.9.2015 10:34
Čím víc vím, tím víc věcí nevím.
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
mat.masar
Člen
Avatar
Odpovídá na David Hynek
mat.masar:20.9.2015 16:10

Nic se 100% tam nemám. Když chci udělat ten responzivní design tak asi musím zúžit jednotlivé části stránky co?

 
Nahoru Odpovědět
20.9.2015 16:10
Avatar
mat.masar
Člen
Avatar
Odpovídá na David Hynek
mat.masar:20.9.2015 16:43

Moc tomu responzivnímu designu nerozumím(v tom smyslu že nevím co mám udělat aby to vypadalo tak jak chci) tak proto se ptám

 
Nahoru Odpovědět
20.9.2015 16:43
Avatar
David Hynek
Redaktor
Avatar
David Hynek:21.9.2015 12:20

ideální je nastavit "obalu", 100% a pak z toho vycházet... také jsem sem dával k posouzení svůj pokus o RWD a také jsem tam měl tu chybu, že jeden prvek byl o padding širší. A tak jsem začal používat tohle:

width: calc(100% - 20px); padding: 10px;

víc ti bez pohledu na kód říct neumím...

Nahoru Odpovědět
21.9.2015 12:20
Čím víc vím, tím víc věcí nevím.
Avatar
TomasGlawaty
Člen
Avatar
TomasGlawaty:21.9.2015 13:42

A nebo používat na blokové elementy:

box-sizing: border-box;
 
Nahoru Odpovědět
21.9.2015 13:42
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 8 zpráv z 8.