css - 在智能手机上导航返回时不会触发媒体查询

Question

我正在尝试使网站具有响应性。页眉应该是页面宽度的 100%，在所有设备上，所以我这样设置宽度:

width:100%;

它在所有设备上运行良好，但在智能手机上，它仅在您第一次访问页面时运行。如果你点击页面上的一个链接，然后点击“后退”，网站就会“炸毁”，并且显示完全错误，而且标题肯定不是 100%。

有没有人遇到过这个问题？

您第一次访问该页面时:

当您转到另一个页面然后单击“返回”到此页面时:

我说的是带有红色边框的区域，目前除了红色边框外没有其他样式。

有或没有问题仍然存在

Answer 1

检查您的视口(viewport)设置。他们应该是

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