mobil.css

Jeg holder på med en skole oppgave og prøver å tilpasse en nettside til mobil bruk ved å bruke en egen mobil.css fil

Men mobil browseren velger alltid css.filen for vanlige nettlesere.
Hva er den vanligste feilen man gjør.
Jeg har laget en fil for print og den virker, så adressen skal være riktig.
Her er problem barnet

kunne dette være noe ?
http://www.projectseven.com/products/templates/pagepacks/adaptations/index.htm

He he ,jeg skulle selvsagt nevnt at det er en skole oppgave, så kjøpe løsninger er ikke aktuelt

For det første er navnet på propertien i media queryen "max-width" og ikke max width som du har skrevet. Det er vel en show-stopper i seg selv. Dessuten vil vel max-width:1180px trigge på relativt store skjermer/vinduer, så muligens det forvirrer også.

skrive feil aarrgghhh. Størrelsen har jeg prøvd både stort og smått av.
Prøver en mindre nå. Takker !

Dessverre det ble ikke noe bedre

Jeg har ikke testet selv, men slik jeg forstår det, kan du trenge "and" mellom "device" og "(max-width: 768px)". I tillegg virker det som at du kan trenge en "min-width" for pc-css. Eks:

<link rel="stylesheet" href="mobil.style.css" media="screen and (max-width: 768px)"/>
<link rel="stylesheet" href="style.css" media="screen and (min-width: 769px)">

Evt kan du jo benytte gamlemetoden ved å sjekke skjermbredden og velge passende css-fil med javascript.

Hmm skal prøve det.


Og det fikset saken, kjempe bra . Takker og bukker.

Det var akkurat et slikt eksempel jeg lenket til ovenfor.

Siden var nede for service når jeg sjekket den. Lurifax :-)