我正在尝试使网站具有响应性。页眉应该是页面宽度的 100%,在所有设备上,所以我这样设置宽度:
width:100%;
它在所有设备上运行良好,但在智能手机上,它仅在您第一次访问页面时运行。如果你点击页面上的一个链接,然后点击“后退”,网站就会“炸毁”,并且显示完全错误,而且标题肯定不是 100%。
有没有人遇到过这个问题?
您第一次访问该页面时:
当您转到另一个页面然后单击“返回”到此页面时:
我说的是带有红色边框的区域,目前除了红色边框外没有其他样式。
有或没有问题仍然存在
最佳答案
检查您的视口(viewport)设置。他们应该是
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
关于css - 在智能手机上导航返回时不会触发媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21589142/