Html 响应性设计不需要'；我不能在iPhone上工作

首先，这是chrome开发工具如何向我展示的

它看起来很正常，反应迅速，但我试着把它发给我的朋友，他们给了我这个

正如你所见，这与我的手机或chrome开发工具完全不同。只有在iphone手机上才是这样。我在index.html中也有这段代码

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

---

我还让我的朋友下载了Chrome，但结果是一样的。

根据设备的不同，某些东西的大小可能会有所不同。你的朋友和你自己都有什么Iphone？这一点很重要，因为Chrome使用这些比率和大小来表示它将/应该是什么样子。从你电脑上的图片可以看出，你正在Iphone 6、7和8 plus上进行测试，但根据手机屏幕截图上的时间、电池等图标，你的朋友似乎拥有Iphone 10或更高版本

---

您可以使用CSS

媒体查询

，以便更好地控制事物的显示方式。这不是一个答案，只是一个建议，但我希望这能有所帮助：）

您需要更新您的问题并包含更多的代码（HTML和CSS）。否则是不可能知道的：）好吧，我已经用了很多媒体查询，除了iPhone，其他人都很好。