@media（最大宽度：640px）不适用于移动设备
@media (max-width: 640px) not working for mobile
此 codepen link：https://codepen.io/gianlucaas/pen/bGrmQVO 为我的新网站的一个页面托管我的代码。
问题是，当我在手机上测试它时（你也可以在 codepen link 上尝试），它看起来很完美。你可以看到劳力士走到了右上角（图片），看起来很合适。但是，当我去现场 link 时，这是（出于隐私目的现在不会显示）。请在下面查看已解决问题的答案...
（在我的 IPHONE 上），它看起来像桌面应用程序，但它应该看起来像 phone 版本！我无法弄清楚为什么我的生活。有人对我可能做错了什么有任何建议吗？
在您的代码笔中，您的最大宽度为 640 像素：
@media (max-width: 640px) {
在您的实时应用程序中，它是 440 像素：
@media (max-width: 440px) {
您需要在页眉中定义视口，codepen 补充说。
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
此 codepen link：https://codepen.io/gianlucaas/pen/bGrmQVO 为我的新网站的一个页面托管我的代码。
问题是，当我在手机上测试它时（你也可以在 codepen link 上尝试），它看起来很完美。你可以看到劳力士走到了右上角（图片），看起来很合适。但是，当我去现场 link 时，这是（出于隐私目的现在不会显示）。请在下面查看已解决问题的答案...
（在我的 IPHONE 上），它看起来像桌面应用程序，但它应该看起来像 phone 版本！我无法弄清楚为什么我的生活。有人对我可能做错了什么有任何建议吗？
在您的代码笔中，您的最大宽度为 640 像素：
@media (max-width: 640px) {
在您的实时应用程序中，它是 440 像素：
@media (max-width: 440px) {
您需要在页眉中定义视口，codepen 补充说。
<meta name="viewport" content="initial-scale=1.0, width=device-width" />