Diskuze: RWD

HTML a CSS Webdesign RWD American English version English version

Avatar
mat.masar
Člen
Avatar
mat.masar:

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 :

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  +2 19.9.2015 17:17
www.samuelillo.com; lamka02sk(zavináč)samuelillo.com, www.point.samuelillo.com, www.csgorig.eu
Avatar
mat.masar
Člen
Avatar
Odpovídá na Samuel Illo
mat.masar:

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:

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  +2 20.9.2015 10:34
Čím víc vím, tím víc věcí nevím.
Avatar
mat.masar
Člen
Avatar
Odpovídá na David Hynek
mat.masar:

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:

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:

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:

A nebo používat na blokové elementy:

box-sizing: border-box;
Nahoru Odpovědět 21.9.2015 13:42
Člověk může dosáhnout čeho si zamane. Jen musí chtít, případně něco obětovat ...
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.