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

标签 css mobile responsive-design

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

width:100%;

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

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

您第一次访问该页面时: First load

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

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

有或没有问题仍然存在

最佳答案

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

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

关于css - 在智能手机上导航返回时不会触发媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21589142/

相关文章:

css - 是否有一个 CSS 选择器用于包含类似于 ^ 和 $

像 960 和 Blueprint 这样的 CSS 框架?

html - CSS - 盒子模型 - 仅适用于 Chrome

css - srcset - 响应图像加载错误文件

html - 垂直下拉导航问题

jquery - 制作一个加载旋转器

jsp - 使用jsp/servlet发送没有任何网关的短信

android - Android 上的 Chartboost 关闭按钮

react-native-dropdown-picker 无法从 renderlistitem 中选择项目

html - CSS - <a> 元素在调整大小后相互堆叠