Pouze tento týden sleva až 80 % na e-learning týkající se C# .NET. Zároveň využij akce až 50 % zdarma při nákupu e-learningu. Více informací:
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Media screen - začátečnický pokus

Aktivity
Avatar
pokusnicek
Člen
Avatar
pokusnicek:29.3.2014 21:28

Ahoj,

  1. omlouvám se, zapomněl jsem email od učtu Q.. Tak mám nový tento (ale toto neni předmětem tématu)

2. Zkouším @media screen a mám takový problém, jak definuji níže, tak se mi celý pokus dělá naopak, pruh má být ze začátku červený, ale je modrý..

body{margin:0px;padding:0px;}
.hlava{
background:red;
width:100%;
}

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

.hlava{
background:blue;
height:50%;
}


}
 
Odpovědět
29.3.2014 21:28
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na pokusnicek
Honza Bittner:29.3.2014 21:37

Tento kód by měl dělat toto:

  1. při šířce vyšší než 480px bude modrá
  2. jinak bude červená

Co to tedy dělá?

Editováno 29.3.2014 21:37
Nahoru Odpovědět
29.3.2014 21:37
Absolvent FIT ČVUT :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
pokusnicek
Člen
Avatar
Odpovídá na Honza Bittner
pokusnicek:29.3.2014 21:44

Omlouvám se, máš pravdu.

 
Nahoru Odpovědět
29.3.2014 21:44
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.