css - 在小型设备中查看时显示额外空间的旋转木马 slider

标签 css twitter-bootstrap device

<分区>


关闭 7 年前

enter image description here我有一个在大屏幕上完美运行的旋转木马 slider 。但是当在小型设备上查看时,会添加额外的灰色背景空间。同样可以在这个SITE LINK的firefox中(ctrl+shift+m​​)查看.在 Firebug 中查看时,我注意到这可能是由于

element.style {
    height:345.6px
}

如果我删除高度,它会完美地工作。如何解决这个问题?

更新:如果没有出现 slider ,请选择将城市更改为Guwahati

最佳答案

我需要更多信息来帮助您。你在使用某种模板吗?您可以访问原始 HTML 或 CSS 吗?请更清楚地说明我们如何提供帮助。

编辑: 没错,这应该是一个评论。对于那个很抱歉。给元素一个特定的类并覆盖模板 CSS。是这样的: HTML:

<section id="home" class="customHeightStyle home-section home-parallax home-fade bg-dark-30" data-background="" style="height: 480.24px; top: 0px; background-position: 82px 38px, 44px 31px, 22px 15px;">

CSS:

.customHeightStyle {
  height: auto !important;
}

关于css - 在小型设备中查看时显示额外空间的旋转木马 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31260359/

上一篇:html - 如何更改超大屏幕的颜色? Bootstrap 3

下一篇:html - Bootstrap 折叠菜单不显示样式

相关文章:

javascript - bootstrap 3 中的 anchor 标记崩溃

html - Bootstrap 网格 3x3 至 6x2 至 9x1

android - Eclipse 加载单独的 Activity 而不是应用程序

ios - 在 iOS 设备中滚动时粘滞按钮闪烁

java - Midi 设备未显示 MidiSystem.getMidiDeviceInfo()

html - 根据 ionic 网格中的屏幕尺寸/方向更改 div 堆叠布局

javascript - 在开发过程中编辑 .js 和 .css 文件并避免缓存的最佳做法是什么?

twitter-bootstrap - 敲除验证成功类?

html - Bootstrap 3 - 填充网格列的链接按钮

CSS:具有渐变背景的链接(显示: block )内对齐的带有插入阴影的图像和文本