Det finns flera sätta att göra ett mobiltema på. Rätt sätt är dock att göra sajten responsive. Det är ett säljord som webbyråer använder och får att låta som om det är värsta grejen... Det är ganska enkelt.
Man skriver lite speciell CSS typ:
HTML-kod:
/* Skriv först en css för mobilversionen */
h1{ font-size:1.3em; }
#nice-to-have{ display:none }
@media screen and (min-width: 40em) {
/* Detta css är för displayer som är 640px eller bredare */
h1{ font-size:1.6em; }
}
@media screen and (min-width: 61.5em) {
/* Detta css är för displayer som är 984px eller bredare */
#nice-to-have{ display:block }
/* h1 är redan 1.6em stor */
}
För att debugga detta så är det bara att krympa webbläsarfönstret. Easy as pie =)
CTO på Happyr.com. Vi gör rekrytering effektivt