修复header水平溢出时不修复的问题
Fixed header not fixed when there is horizontal overflow
我有一个header，位置固定，宽度为100%。它在桌面上按预期工作，但在移动浏览器（Chrome、Opera 和 Edge）中却没有。
我正在 Android 5.1 上测试是否有影响。
水平溢出时，header不再固定
我通过在 html 和 body 上设置 overflow: auto 来修复它。
编辑：这样做会使 header 越过滚动条。
实际修复是将 user-scalable=no 添加到 <meta content='width=device-width,initial-scale=1' name='viewport'>
我有一个header，位置固定，宽度为100%。它在桌面上按预期工作，但在移动浏览器（Chrome、Opera 和 Edge）中却没有。 我正在 Android 5.1 上测试是否有影响。
水平溢出时，header不再固定
我通过在 html 和 body 上设置 overflow: auto 来修复它。
编辑：这样做会使 header 越过滚动条。
实际修复是将 user-scalable=no 添加到 <meta content='width=device-width,initial-scale=1' name='viewport'>