响应式网页不适用于移动设备

Responsive Web not work on Mobile

我正在使用Chrome,我可以拉动window的边缘来减小宽度。 它适用于媒体查询宽度

但如果我使用我的手机或 chrome F12 view as mobile 功能 它只缩小整个视口,没有应用媒体查询。

如何解决这个问题?

确保 Viewport 元标记已设置

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

了解更多信息http://www.w3schools.com/css/css_rwd_viewport.asp