Walker Base Walker Base - 1 month ago 10
CSS Question

Responsive Web not work on Mobile

I am using Chrome and I can just pull the edge of window to reduce the width.
It is working fine with media query width

but if I use my mobile or chrome F12 view as mobile function
It only zoom out the whole view port and does not have media query applied.

How to solve this problem?

Answer

Make sure Viewport meta tag is set

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

For more info http://www.w3schools.com/css/css_rwd_viewport.asp