resposive firefox is ok chrome not

I made a page with bootstrap navbar it wrok fine in firefox when the device is mobile, the navbar is collapsed, but the chrome page is same with computer view.

after all, to add this in the head tag, it will tell browers the width is the device-width

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