导航回智能手机时未触发媒体查询

Question

我正在努力使网站响应。在所有设备上，标题应该是页面宽度的100％，所以我设置宽度如下：

width:100%;

它适用于所有设备，但在智能手机上，它只在您第一次访问页面时才有效。如果你点击页面上的链接，然后点击“返回”，网站“爆炸”，显示完全错误，标题肯定不是100％。

还有其他人遇到过这个问题吗？

您第一次访问该页面时：

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

我说的是红色边框区域，除红色边框外没有任何样式。

无论是否有

，问题都会持续存在

Answer 1

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

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