Responsive

Dobry den,

neviem si s tymto rady:

<header style="width: 1688px; height: 900px;">
sdfsdfsdfdsfs
</header>

Ako dosiahnem to aby to bolo responzivne teda aby sa pri zmensovani stanky menil aj width aj height headeru.... Lebo vzdy sa mi meni len ten width a height zostava tych 900px..
Samozrejme som googlil ale nenasiel som nic co by mi pomohlo

Tak v prvom rade sa vyhni takýmto explicitným definíciám rozmerov, keď chceš, aby bol element respozívny.
Nájdi si niečo o @media, to ti umožní definovať css vlastnosti pre viac rozlíšení.

v prvom rade nepouzivaj inline css!!!
a dalej to co napisal killer

Tak som trosku pozeral ten responsive tu je ukazka http://codepen.io/anon/pen/LVMdKG.

Mam jeden problem:

ako zmensujem obrazovku tak vsetko ide ako ma akurat ma stve ta medzera medzi <aside> a <main> elementom, chcem aby ta medzera bola vzdy 20px siroka, skusal som margin... a nefungovalo to.

main das sirku 70% a padding right-right: 20px; a background red presunies z main na main p. (alebo vytvoris iny element ktory bude 'drzat' p a jemu das background red.

Funguje, diky

Dobrý deň prosím vás ako mám spraviť kód v CSS aby stránka v deskope vypadala ako hore v obrázku.
A v mobile ako dole v obrázku.
Prosím vás pozrite si tie texty a aj rozmery pravítok.






Mám aj v kóde stránky vložení riadok.



Srdečne ďakujem.

Rozmer displayu je uplne irelevanty, vsetko zalezi od rozlisenia.

Ide mi o Android Browser viac ho poznáte pod túto icon.

To s tym co som napisal vobec nijak nesuvisi.

Celú stránku urob responzívnu a použi @media na postupné zmeny elementov na prispôsobenie okna. Postupne dôjdeš aj k mobilom. Rob to napr. takto:

A takto pokračuj a dostaneš sa aj neskôr k mobilom. Prepisuješ len to, čo chceš zmeniť.
Pre viac info mi pošli SS.
P.S:Najbližšie si vytvor novú tému.