hjemmeside til mobil

Tags:    mobilside

<< < 12 > >>
Hej

Det er sådan at jeg har lige nu og her stadig på at få bygge sådan min side også kan blive brugt til mobil telefon :) se her.


Jeg har skrevet den her kode

Fold kodeboks ind/udCSS kode 


men når jeg gå ind på siden så skal "jeg" zoom ind på siden. det som jeg godt kun tænke mig at få ude af det her var at den self zoom ind og tilpasse sig selv og ligne Hvis i kan følge hvad jeg mener helt.


Der er nogen som siger til mig at jeg skal kig efter at få tilpasse noget "meta viewport" på siden så at den zoom sig selv eller hvordan man forklare det :)

Du er velkomme til at komme med andre forslag hvis det er er sådan?

Du er velkommen til at spørger mig hvis der er noget?



17 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt -4 karma
Sorter efter stemmer Sorter efter dato
Der findes nogle CSS frameworks som er lavet til tilpasse sig efter skærmopløsning, det er såkaldt responsive CSS. Et godt et er blandt andet dette: http://lessframework.com/



Indlæg senest redigeret d. 23.08.2012 21:09 af Bruger #16319
LESS har intet med responsive design at gøre som sådan. Det er bare en preprocessor. Sass/Compass er et (efter min mening, overlegent) alternativ til LESS. Søg på google efter "preprocessors site:css-tricks.com" - der ligger nogle gode artikler. (Edit - undskyld- jeg var for hurtig - jeg så ikke at det var lessframework der blev talt om).

CSSgrid.net er et fluid-grid system - det er i samme stil som sketelon (getskeleton.com) - i bund og grund det samme som gamle grid-systemer som 960.gs og Blueprint osv.

Hvis du vil udvikle mobil-sider, er den nemmeste løsning at bruge responsive webdesign med mobile-first approach. Google de to forskellige buzz-words i den tidligere sætning og så skulle du kunne komme i gang. Responsive design er sådan set bare at bruge media-queries til at ændre layoutet alt efter browserens størrelse.

Hvis man vil igang med responsive webdesign, så kan jeg anbefale "Responsive Web Design" i A Book Apart serien af Ethan Marcotte. Den koster 9$ som ebog, og giver en god forklaring på hvad det går ud på. http://www.abookapart.com/products/responsive-web-design

Det meta-tag som Jesper nævner i sit originale spørgsmål kan studeres på følgende link: https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag



Indlæg senest redigeret d. 31.08.2012 16:36 af Bruger #17015
Jeg skulle bare tilføje

Fold kodeboks ind/udHTML kode 




Der findes nogle CSS frameworks som er lavet til tilpasse sig efter skærmopløsning, det er såkaldt responsive CSS. Et godt et er blandt andet dette: http://lessframework.com/


Den har jeg kigge på :) men efter jeg har fået tilpass den til htc mobil og ligne mobil så skal jeg arbejde videre til browser :)



Der findes nogle CSS frameworks som er lavet til tilpasse sig efter skærmopløsning, det er såkaldt responsive CSS. Et godt et er blandt andet dette: http://lessframework.com/


Den har jeg kigge på :) men efter jeg har fået tilpass den til htc mobil og ligne mobil så skal jeg arbejde videre til browser :)


Ideen er netop at du kan lave et grid-layout så du ikke skal tilpasse noget til browser eller mobil, men at det sker automatisk :)

Prøv evt. at resize dit browser-vindue inde på deres hjemmeside, så kan du se effekten (:



Indlæg senest redigeret d. 24.08.2012 09:02 af Bruger #16319
Jeg har også tænkt på den her



Du kunne også bare vælge at gøre som de fleste, at spørge brugeren om hvilken browser de kører og derfra give dem den korrekte, enten side eller stylesheet.

Sådan gør det fleste, med mindre de bruger en applikation til det.


Ja men det vil bare tag ene mere tid .. :)



Du kunne også bare vælge at gøre som de fleste, at spørge brugeren om hvilken browser de kører og derfra give dem den korrekte, enten side eller stylesheet.

Sådan gør det fleste, med mindre de bruger en applikation til det.


"Spørge brugeren om hvilken browser de kører" og "sådan gør de fleste". Det var da den dummeste måde.

Kan du ikke lige give nogle links til "de fleste" der bruger den metode?



Du kunne også bare vælge at gøre som de fleste, at spørge brugeren om hvilken browser de kører og derfra give dem den korrekte, enten side eller stylesheet.

Sådan gør det fleste, med mindre de bruger en applikation til det.


"Spørge brugeren om hvilken browser de kører" og "sådan gør de fleste". Det var da den dummeste måde.

Kan du ikke lige give nogle links til "de fleste" der bruger den metode?


Jeg vil give dig helt ret!. Kan godt se hvad du mener :) men hvad mener du omkring siden Brian?



Der findes nogle CSS frameworks som er lavet til tilpasse sig efter skærmopløsning, det er såkaldt responsive CSS. Et godt et er blandt andet dette: http://lessframework.com/


Der findes også CSSgrid.net - jeg har endnu ikke prøvet det men har planer om at teste det snarest :)



<< < 12 > >>
t