media query is not working on actual mobile devices but working on browser inspect

Viewed 68

I'm having this problem lately, When I'm using a media query on my CSS the media is working fine on inspecting elements on the browser the style of the media query I've set is working when viewing it on the browser inspect element. However, when I'm checking it on actual mobile devices it's not working can anyone help me why it's not working on a mobile device? Does my viewport is correct? Please see the viewport below

<meta name="viewport" content="width=device-width,maximum-scale=1.0,
    initial-scale=1.0,minimum-scale=1.0,user-scalable=yes"/>
1 Answers

Just use this: This is what most developers use except on rare occasions.

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