Diskuze: CSS3 @media - problém se zařízeními < 800px

HTML a CSS HTML a CSS CSS3 @media - problém se zařízeními < 800px American English version English version

Avatar
done
Člen
Avatar
done:

Zdravím všechny, potřeboal bych pomoci s tímto problémem:
Dělám responzivní design pro jeden web, a udělal jsem specifické hodnoty pro různé velikosti monitorů od 800 - 1500px šířky. - to funguje.
Ale když nastavím¨

@media only screen and (max-device-width: 320px){}
nebo menší než 800px

tak to negunguje, testuji to na Mozille pomocí nástrojů pro vývojáře - "responzive design view" - zkoušel jsem to i bez "device" pouze max-width a nefunguje, nezobrazí se mi ani styly společné pro všchny zařízení, naprosto to ignoruje všechny společné styly včetně barvy pozadí atd. je to holé s bílým pozadím.
Pro zařízení větší než 800px mi to funguje skvěle.
Mlže prosím někdo poradit, kde by mohla být chyba ?

 
Odpovědět 11.2.2014 13:10
Avatar
done
Člen
Avatar
done:

Problém již vyřešen !

 
Nahoru Odpovědět 11.2.2014 14:58
Avatar
Rostislav Křídlo:

Mohl by si napsat tvůj result? kdyby to mněl někdo problém stejný jako ty, nemusel by zakládat téma

Nahoru Odpovědět 11.2.2014 15:14
MiracleSoft! www.miraclesoft.com
Avatar
done
Člen
Avatar
Odpovídá na Rostislav Křídlo
done:

Jistě. Byla to moje hloupost z dřívějška když jsem používal 2 různé .css soubory a měl jsem nastaveno v index.html:

<link rel="stylesheet" media="only screen and (min-width: 800px)" href="main.css"/>
<link rel="stylesheet" media="only screen and (max-width: 800px)" href="small.css"/>

A zapomněl jsem že to tam je, tudíž tahle lokální specifikace byla prioritnější a tu v souboru který jsem chtěl použít to ignorovalo.

 
Nahoru Odpovědět  +1 11.2.2014 15:29
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 4 zpráv z 4.