html - @media（最大宽度：640px）不适用于移动设备

此codepen链接：https ://codepen.io/gianlucaas/pen/bGrmQVO为我的一个新网站页面托管我的代码。

问题是，当我在移动设备上测试它时（你也可以在 codepen 链接上尝试），它看起来很完美。您可以看到劳力士转到右上角（图像），看起来很合适。但是，当我转到我的实时链接时，这是（出于隐私目的，现在不会显示）。请参阅下面解决问题的答案...

（在我的 IPHONE 上），它看起来像桌面应用程序，但它应该看起来像手机版本！我无法弄清楚为什么我的生活。有没有人对我可能做错了什么有任何建议？

标签： htmlcssejs

您需要在页眉中定义视口，codepen 补充说。

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