browser - How do I set a mobile version of my site? -

i understand need use parameters of measure , other loading shortcuts make site load fast mobile, it's not building mobile site troubles me.

i need have code shows browser redirect if mobile phone goes onto site.

i need know how implement too, write html , css, need full snippet. i've done tone of research , plenty of coder have given advice on methods of detection, haven't said how implement methods.

you have 2 options.

first option make responsive website, aligns depending on device screen size. example, if screen width lower 400px can act mobile, , arrange website. in image. can check website, try change browser size, make smaller : http://www.smashingmagazine.com/

second option use script code detect if device mobile(if mobile, os, browser uses etc.) , redirect users other mobile site. example can deploy mobile site in subdomain http://mobile.example.com

first option more complicated because have spend time arranging screen sizes , fitting content in it, getting popular. second option more easier, because have 2 websites , redirect users 1 of them depending on device use.