【问题标题】:Reduce margin bottom and margin top on mobile在移动设备上减少边距底部和边距顶部
【发布时间】:2017-06-29 17:23:13
【问题描述】:

在这个website 中,我试图减少横幅和文本之间ON MOBILE 底部和顶部的边距。

如果您在智能手机和平板电脑上查看,横幅看起来顶部和底部都有一些边距。

这是我的 CSS:

.page-id-996 .pageHeaderImg {
    background-size: contain;
    padding-top: none !important;
}

如果您查看其他页面,它可以正常工作。

我尝试使用margin-bottom: 0px !important; 没有任何结果。

有什么建议吗?

提前致谢

【问题讨论】:

  • margin-bottom: none 是无效值。 margin-bottom: 0 有效。 padding 值也是如此

标签: css margin


【解决方案1】:

我认为你的问题是背景的属性必须是封面不包含

【讨论】:

  • 但如果我设置了封面,那么在移动设备上,图片会覆盖 div 的整个高度。是否可以将其包含在移动设备上?
  • 背景:包含不填充孔层只是填充宽度,例如,您可以将位置中心放在顶部,它将粘在标题上,在您的情况下,位置必须设置为 140px 以上o 从顶部减少,因为我认为图层“.pageHeaderImg”的高度为 900 像素,并覆盖了包括标题在内的所有屏幕,所以如果你想删除那个空白空间,你必须修复它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-02-03
  • 2015-11-27
相关资源
最近更新 更多