Avatar billede yoghurt-feen Nybegynder
08. december 2011 - 23:01 Der er 1 kommentar og
1 løsning

Media queries

Jeg har lavet en CSS fil hvor jeg i bunden har tilføjet følgende kode:

@media only screen and (min-width: 480px) {
.wrapper {
    width:100%;
}
}


Ovenstående skulle gerne override det eksisterende CSS, i TILFÆLDE af at skærmen er lige nok... Problemet er at den overrider ligemeget hvad. Har testet i samtlige browsere. Nogen der kender en løsning?

Mvh.
Avatar billede yoghurt-feen Nybegynder
08. december 2011 - 23:27 #1
Okay jeg må lige rette mig selv!

@media only screen and (min-width: 480px) {
.wrapper {
    width:100px;
}
}

Når mit vindue er maksimeret(1440px) er ovenstående kode aktiv. Men så snart jeg resizer til under 480px, bliver min oprindelig kode aktiv, og min wrapper-width flyver tilbage til 700px som den burde
Avatar billede yoghurt-feen Nybegynder
08. december 2011 - 23:32 #2
Arg glem det! Dum fejl fra min side!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester