【问题标题】:Post padding-top in mobile too large在移动设备中发布 padding-top 太大
【发布时间】:2015-12-30 00:52:12
【问题描述】:

我使用 Bootstrap 创建了我的网站,然后将其转换为 WordPress:My website。我不是 Bootstrap 的新手,但我是 WordPress 的新手。

我遇到了一个我无法解决的问题:当我在移动视图中查看博客页面或任何帖子页面时,帖子标题的顶部有一个巨大的填充。

我尝试修改我的 CSS 文件以减少标题顶部的填充:

.entry-header {
    padding-top: 10px;
}

但它只是不工作。

【问题讨论】:

    标签: php html css wordpress twitter-bootstrap


    【解决方案1】:

    问题不在于您的填充,而在于您的#sidebar div。侧边栏高度导致移动问题。

    当您在侧边栏中隐藏所有内容时,您不妨使用媒体查询在移动设备上隐藏整个侧边栏。

    将其添加到 CSS 的底部:

    @media only screen and (max-width: 767px) {
        #sidebar {
            display:none;
        }
    }
    

    【讨论】:

    • 就是这样!谢谢!我什至不认为问题出在侧边栏上——我专注于填充。
    猜你喜欢
    • 2014-04-04
    • 2014-07-06
    • 2021-02-15
    • 1970-01-01
    • 2020-05-12
    • 1970-01-01
    • 1970-01-01
    • 2017-11-23
    • 1970-01-01
    相关资源
    最近更新 更多