Why is my responsive html/css not working with mobile phone?

Question

I\'ve created a test site. I\'ve used media queries in css but when I load the page on mobile, I don\'t see the mobile version and when I re-size the browser the site is respons

Answer 1

It was my mistake. I used javascript to override meta tag and it was causing issue in proper responsiveness. Fixed javascript.

Answer 2

Add this to the head of your website:

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

This will set the width of your page to follow the screen width of your device.