响应式背景图像引导答案

【问题标题】：responsive background image bootstrap响应式背景图像引导
【发布时间】：2018-03-05 13:34:56
【问题描述】：

我有一个背景图片，我给出了固定滚动条，我的意思是我在底部创建了棒棒，如下图所示：

在这张图片中，底部的粘滞条，没有响应。

这是我的代码 css：

.affix {
  bottom:-1px;
  width: 100%;
  display:block;
  background-size: 100%;
  position:fixed;
  z-index: 9999 !important;
}

此棒条底部或背景颜色固定滚动条在桌面版和移动版中工作正常（如果移动版屏幕尺寸高于 5.5 英寸工作正常，但在移动版中，屏幕尺寸低于 4 英寸粘性条底部或背景颜色绿色固定滚动不响应）

我尝试更改元标记视口无效，这是我的元标记视口：

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

我使用引导版本 3.3.7

如何让棒条底部或背景颜色为绿色的固定滚动条可以响应？

【问题讨论】：

你试过用html, body { overflow-x: hidden; }隐藏页面的水平溢出吗？
我试过了，但是同样的先生，没有效果，按钮固定栏或图片中的背景颜色绿色没有响应
给一些代码朋友。代码 sn-p 将帮助我们识别问题并找到解决方案。
@creat15 你能告诉我们你的一些代码，看看如何显示所有这些并检查你的问题
抱歉迟到了，我尝试清除缓存浏览器及其工作先生@JeremiahCabigting html, body { overflow-x: hidden; } 谢谢你帮助我

标签： html css

【解决方案1】：

您是否尝试过使用html, body { overflow-x: hidden; }隐藏页面的水平溢出？

【讨论】：

【解决方案2】：

请你试试这个看看https://www.w3schools.com/howto/howto_css_fixed_footer.asp

【讨论】：

【解决方案3】：

你需要添加left: 0和right: 0

.affix {
    bottom: -1px;
    width: 100%;
    left: 0;
    right: 0;
    display: block;
    background-size: 100%;
    position: fixed;
    z-index: 9999 !important;
}

<button class='affix'>
Button
</button>

【讨论】：