Diskuze: RWD
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Zobrazeno 13 zpráv z 13.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
http://www.itnetwork.cz/…ni-webdesign
Máš zde pěkné tutoriály. V rychlosti: nesmíš zadávat fixní hodnoty a
musíš používat pravidlo @media. Takže nastavíš rodičovskému elementu
např.
max-width: 960px;
width: 100%;
Pak obsahu nastavíš také šířku na 100%:
width: 100%;
A pak v tom pravidlu si to už různě doladíš.
To je docela blbost, vždycky bude muset použít fixní hodnoty a naopak pravidlo media nemusí vždy použít.
V jeho případě se to ale hodí. Má nějakou stránku, kde je jen obsah.
Takže zadá to, co jsem psal výše.
A na odstranění těch popruhů musí použít pravidlo @media.
Ne, na popruhy zrovna media použít vůbec nemusí
Tak jak by jsi to udělal ty? Aby to vypadalo tak jak jsem psal
vždycky bude muset použít fixní hodnoty
Ja myslím, že nie. Prečo?
Posuvníky na stránke ti spôsobuje relatívna pozícia. Nie je to tak
šikovné ako to vyzerá.
#hornidiv rozťahuje stránku doprava. Šírka je statická.
#pravydiv rozťahuje stránku doprava. Opäť neprispôsobivá šírka.
section s obsahom ti rozťahuje stránku keď sa dostaneš do "užších"
rozlíšení. Opäť to spôsobuje relatívna pozícia. Použi float, použi
margin, prípadne percentuálnu šírku a min-width. Relatívne pozície nie sú
vhodné na skladanie layoutu.
Protože třeba vertikální menu, prvky formuláře a podobný věci ani jinak dobře dělat nejdou
Ak som vyriešil tvoje preoblémy, prosím označ moju odpoveď za riešenie. Ďakujem
Formuláre, hm, stále ide použiť percetná a keď sa niečo priveľmi zmení pridať responzívnu deklaráciu. To isté u menu. Width: 25%; min-width: 200px;
Určite je blbosť tvrdiť, že je blbosť, že vždycky nebude treba použiť pevné hodnoty.
Zobrazeno 13 zpráv z 13.