Autor | Zpráva | ||
---|---|---|---|
moldow Profil |
#1 · Zasláno: 18. 7. 2019, 09:03:37
Mam nasadeny nasledovny kod codepen.io/MichalAB/pen/EqxyoX a potrebujem poradit ako najjednoduchsie fixnut horizontalny scrollbar, ktory sa na stranke objavi ked ju zacnem zmensovat. Dakujem.
|
||
Mlocik97 Profil |
moldow:
body { overflow-x: hidden; } ale i samotný layout je nezmyselne spravený, stačilo by keby ste nepoužívali "px" jednotky, a pre menšie displeje pridali media query, kde preusporiadate elementy. |
||
moldow Profil |
#3 · Zasláno: 18. 7. 2019, 11:22:48
Dakujem za radu aj tip do buducna.
|
||
Mlocik97 Profil |
moldow:
skuste sa pozrieť na jednotky "=" "vw" "vh" "rem" "fr" a pozrieť si neco o flexboxoch a gridu. Na roote, zdrojaku a vzhurudolu sú o tom fakt skvelé články. Ešte když do toho pridáte CSS promenné, tak budete mať neskutočne kvalitný layout napsaný v 10 riadkoch CSS, ktorý bude plne responzívny. |
||
Tomáš123 Profil |
#5 · Zasláno: 20. 7. 2019, 16:29:02
moldow:
Pre takto jednoduchý layout ti stačí jeden obaľujúci prvok a float .
To, čo ti odporúča Mlocik97 si pokojne pozri, existujú situácie, v ktorých ti to pomôže vytvoriť elegantné riešenie zložitého problému. Tvoj problém medzi ne však nepatrí. |
||
Časová prodleva: 5 let
|
0