Geek Answers Handbook

Bootstrap XS version does not work on phone and tablet

I design my site ( danielrojas.net ) using Bootstrap and created a separate layout for the XS viewports. It works great when I resize my browser on the desktop (Chrome), and when I try it on Replinator.com or similar.

However, on my real Android phone and tablet (both using Chrome and using the built-in browser) the standard version is displayed, no matter what. I included the META tag in the form of magic:

<meta name="viewport" content="width=device-width, initial-scale=1">

To no avail. I am using customized CSS Bootstrap, but even loading the official one, the same error remains.

Other sites (like getbootstrap.com) work fine on both devices. What am I missing?

Thanks in advance!

+7
mobile responsive-design twitter-bootstrap-3
source share
1 answer

You are correct that you included the <meta> . But he is in the frame.

Checking your code, it is not in the main <head> . Therefore, include it in this part.

 <meta name="viewport" content="width=device-width, initial-scale=1">

I'm also not sure if responsiveness will work on an iframe, you should avoid using an iframe if it doesn't work.

+8
source share

More articles:


All Articles