1

I have a website in build, if I adjust the browser (reduce the width to phone size) it all squishes perfectly, in theory optimized for mobile.

However any mobile will automatically fit it to the screen, which means on mobile it currently looks a little small without zooming in.

Is there an easy fix to this?

7
  • can you show how much small does it looks on mobile? and have you tried on other mobile browsers?
    – user3830162
    Oct 16, 2014 at 0:43
  • Instead of resizing the browser, you should try using the device emulation that many browsers come with nowadays. Heres the chrome version: developer.chrome.com/devtools/docs/device-mode. Screenshot would also help.
    – Siva
    Oct 16, 2014 at 0:46
  • Usually this is because you're missing the viewport tag in the head of your html
    – Christina
    Oct 16, 2014 at 1:21
  • Try placing this in your head section - <meta name="viewport" content="width=device-width"><!-- adaptive layout, matches page to device width --> Don't know if this is your problem for sure without more code, but if it is, here's some additional information on responsive meta tags - css-tricks.com/snippets/html/responsive-meta-tag Oct 16, 2014 at 3:45
  • Exactly, try what @Talkingrock suggested first.
    – blkedy
    Oct 16, 2014 at 3:49

1 Answer 1

0

I think your problem is that you haven't set the viewport to device width. Mobile browsers default behavior scales down the site to fit all content. Use the following meta tag in your <head> section to make your responsive layout work.

<meta name="viewport" content="width=device=width, initial-scale=1.0, maximum-scale=1.0,">
1
  • Thank you so much, worked like a charm!!!!! Really appreciate that a lot. I was trying viewport variations like crazy, but that makes sense now :)
    – Michael
    Oct 16, 2014 at 11:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.