Autor | Zpráva | ||
---|---|---|---|
Richard Profil * |
#1 · Zasláno: 21. 9. 2014, 16:16:42
Mam spraveny responzivny web obsahujuci zvlast CSS pre Desktop, zvlast pre tablety a zvlast pre mobily, CSS sa vybera podla rozlisenia okna, prepina sa pomocou CSS media queries.
Na tom webe mam eshop obsahujuci produkty: V desktopovej verzii su produkty naukladane do 4roch stlpcov (pomocou floatov). Po 4 produktoch nasleduje cleaner. Potreboval by som aby sa tieto obrazky pri zmene rozlisenia preskupili na tabletoch do 3och stlpcov a na mobiloch do jedneho. Neviete poradit ako na to? Asi budem musiet vymysliet nieco ine ako floaty. |
||
joe Profil |
#2 · Zasláno: 21. 9. 2014, 16:21:09
Pro 3 sloupce to můžeš nechat a schovat cleaner, pokud jsou položky jinak vysoké, můžeš to přenastavit místo plavání na
display: inline-block; float: none; vertical-align: top; . Na mobilu bez plavání úplně s vyresetovanou šířkou a nastavení její hodnoty na auto .
|
||
juriad Profil |
#3 · Zasláno: 21. 9. 2014, 16:23:11
Richard:
Proč je tam nutný ten clear? Nestačí nastavit šířku a nechat jednotlivé produkty přirozeně plavat na další řádky? |
||
rafej Profil |
#4 · Zasláno: 22. 9. 2014, 21:38:27
Pokud by ty produkty měly různou výšku, mohly by se mu tam dělat "zuby".
|
||
Časová prodleva: 10 let
|
0