I’m building a mobile optimized page for a my site. I’m new to mobile web optimization.
Everything looks fine on my dev machine, but when I go look at the page on my android mobile browser it looks absolutely tiny because it forces the full vertical section of text to show up in the browser. This does not happen on my desktop browser. Any ideas how I can stop this from happening and have it just show up with the full width in the mobile browser?
I’m building a mobile optimized page for a my site. I’m new to mobile
Share
You’re missing a
meta-viewporttag, try this:The important part is
width=device-width, this will make sure that your HTML takes-up the full width of the screen. The initial and max scale properties are set to one to disable zooming, just change themaximum-scalevalue to something between one and ten to allow zooming.