Responsive

edi4342 · Napísal **edi4342**: 24.07.2015 15:44

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

killer · Napísal **killer**: 24.07.2015 15:47

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í.

hatto13 · Napísal **hatto13**: 25.07.2015 23:27

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

edi4342 · Napísal autor témy **edi4342**: 03.08.2015 2:42

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.

hatto13 · Napísal **hatto13**: 03.08.2015 6:46

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.

edi4342 · Napísal autor témy **edi4342**: 03.08.2015 14:13

Funguje, diky

marian_sk · Napísal **marian_sk**: 12.03.2016 21:37

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.

Responsive

Kód:

@media screen (DESKOP) {
 body 
{

font-family: Times New Roman; font-size:12pt; color: #2222FF;
}
}

@media screen (MOBIL) {
 body 
{

font-family: Times New Roman; font-size:16pt; color: #FF2222;
}
}

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

Kód:

Srdečne ďakujem. :roll:

Daron · Napísal autor témy **Daron**: 12.03.2016 23:00

Rozmer displayu je uplne irelevanty, vsetko zalezi od rozlisenia.

marian_sk · Napísal **marian_sk**: 12.03.2016 23:48

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

Responsive

Daron · Napísal autor témy **Daron**: 13.03.2016 10:27

To s tym co som napisal vobec nijak nesuvisi.

5had0w · Napísal **5had0w**: 07.04.2016 19:20

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:

Kód:

@media screen and (max-width: 1080px) {

}

@media screen and (min-width: 780px) {

}

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.

Responsive

Podobné témy