响应式背景图像引导
响应式背景图像引导
提问于 2018-03-03 11:57:45
我有一个背景图像，我给出了固定的卷轴，我的意思是我在底部创建了条形图，如下图所示：
在这张图片中，底部的粘性条没有响应。
这是我的代码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">我使用bootstrap版本3.3.7
如何使条形底部或底色为绿色的固定滚动条能应运而生？
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-03-05 13:34:56
您是否尝试过使用html, body { overflow-x: hidden; }隐藏页面的水平溢出
Stack Overflow用户
发布于 2018-03-03 12:38:14
Stack Overflow用户
发布于 2018-03-03 13:10:56
您需要添加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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49080468
复制相关文章
相似问题
腾讯云开发者
