Logic Logic - 7 months ago 12
HTML Question

Website doesn't show real resolution on mobile (Bootstrap , maybe?)

I made a responsive website with bootstrap, jquery, css, etc.. And when I check on my PC browser it adapts itself to any resolution like it should. The problem is when I go to my mobile browser and check the website, it shows the page like its resolution is 800px approx. So it shows small fonts, small buttons and the navbar doesn't collapse. When I check my mobile resolution on http://www.mydevice.io/ it says the resolution is 320px. So it should show the navbar collapsed at least.

Answer

You've probably forgotten to add the meta code for responsive media queries.

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