chrome开发者控制台和移动设备中的差异输出

Question

我通过引导程序开发了一个响应式网页，最后我想测试它， 我在 chrome 开发者控制台 (F12) 上对其进行了测试，一切似乎都很好。 但是当我在真正的移动设备上看到结果时，我感到震惊 有很多不同之处。 似乎我的媒体屏幕对象都不起作用。

这是我的网站网址：http://5.61.25.90/~fares

Answer 1

我终于找到了答案 我忘了使用视口元标记

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

没有它，设备会假定并将视口设置为全尺寸。