Forbedring af mobilvenlighed

Tags:    mobilvenlighed

Kære alle sammen, jeg ville gerne have nogle inputs til hvad man kan gøre - uden at være den helt store IT-nørd - for at gøre sine hjemmesider mere mobilvenlige. Her tænker jeg på helt lavpraktiske råd, da jeg ikke selv har den helt store indsigt. Jeg har allerede denne side som er mobilvenlig men også en lang række øvrige hvor jeg ikke kan få det til at fungere herunder refood.dk

Jeg tænker lidt at det kan skyldes det system som det er lavet i, men jeg ville nu gerne have noget input fra jer.



1 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
ref http://www.refood.dk/fileadmin/templates/refood/css/style.css
du anvender absolute bredder, hvilke ikke hamonerer med responsivt design

Fold kodeboks ind/udKode 

angiv alle dine mål i procent, hvor bred er din skærm ??, hvor mange procent er 930 af dette ??
dit top banner umuliggør også responsivt design, da det har en bredde på 930 px
det skal også angives i pct
https://www.w3schools.com/css/css_rwd_images.asp


kig på medie query's
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
https://css-tricks.com/css-media-queries/
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

du kunne gøre det nemmere for dig selv ved at anvende et CSS framework, feks twitter bootstrap http://getbootstrap.com/

endelig kan du selvføgelig anvende et CMS feks wordpress, med et responsivt theme


Med Venlig Hilsen
Ronny Olsen
http://olsensweb.dk

t