Html 为什么我的网站在某些手机上正确呈现，而在另一些手机上不正确呈现，使用相同的浏览器？

我正在尝试构建我的第一个webiste，但在不同的设备上进行渲染时遇到了一个大问题。 我使用了Django框架

这是我的网站，部署在Pythonywhere上。这是一个基本的，用于教育目的。

当我试图从小米手机上访问它时，例如在Chrome上，我遇到了渲染问题。我的网站不想将CSS应用于页面。我把我的网站发给了不同的朋友，他们用Chrome浏览器打开了网站：其中1/3的人有渲染问题

但是，如果我使用其他浏览器，或者使用facebook messenger提供的默认浏览器打开它，它看起来很好。 我不明白为什么有些人可以在我的网站上有一个用户友好的导航，而有些人不能。我认为这是电话问题，我的媒体查询没有找到所用设备的宽度

注意：如果我在浏览器上使用inspect元素，并在280px-726px范围内尝试不同的大小， 看起来不错

@media screen and (max-width:726px) {
...... all the responsive CSS code
 }

这是我在索引页上看到的：

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

---

如果有人能帮助我，我将非常感激！非常感谢你抽出时间

您可能会发现，在Chrome的开发者模式下尝试移动仿真模式以及尝试不同的分辨率都是值得的——本页提供了一些详细信息：