引导程序上的移动视图在容器底部有额外的空白空间

Posted

技术标签:

【中文标题】引导程序上的移动视图在容器底部有额外的空白空间【英文标题】:mobile view on bootstrap has extra white space at the bottom of container 【发布时间】:2022-01-12 21:31:39 【问题描述】:

white space on mobile

页面顶部有烦人的空白,我想弄清楚如何在移动设备上删除。我尝试了不同的方法,但没有任何效果。容器是 class:content-intro-wrapper 作用域 想知道减少这个空间的最佳方法。这是页面https://staging-digemaya.kinsta.cloud/the-life-changing-power-of-sophrology/的暂存站点的链接

感谢您在我浏览每一个不断变化的问题时的持续帮助。

【问题讨论】:

请提供足够的代码,以便其他人更好地理解或重现问题。 【参考方案1】:

在您的主 CSS 文件中,您有如下代码:

@media (min-width: 400px)

    .content-intro-wrapper 
        min-height: 700px;
    

使用min-height: auto 删除空格。

【讨论】:

工作得很好,谢谢。 不客气。请选择我的答案作为真实答案。谢谢。

以上是关于引导程序上的移动视图在容器底部有额外的空白空间的主要内容,如果未能解决你的问题,请参考以下文章

如何通过引导程序删除项目显示弹性盒设计下的额外空间[重复]

向移动视图上的引导导航栏切换按钮添加文本提示

使用引导程序 3 将 div 中的文本与底部对齐

引导程序。 div 100% 其父元素的高度 [重复]

页面中间的引导程序居中容器[重复]

容器流体留下空白空间