如何使我的自定义CSS适用于移动设备以及平板电脑和台式机?

时间:2017-07-20 11:29:40

标签: css responsive-design

一些背景;在www.ludley.co.uk网站上工作,我目前在wordpress二十七主题上有自定义CSS。

这个CSS的目的是为标题黑色(在桌面上实现)的背景着色,并删除主题自动输入的每个页面的标题。

所以我目前有这个自定义CSS:

node('master'){
    stage('stage1'){
    def commit = sh (returnStdout: true, script: '''echo hi
    echo bye | grep -o "e"
    date
    echo lol''').split()


    echo "${commit[-1]} "

    }
}

现在这一切都可以在桌面上正常工作,因为你可以去看看,但在移动设备上,标题背景仍然是白色的,每个页面的标题仍然插入,即使我指定他们没有。这是一个问题,因为它使得标题在移动设备上几乎无法读取,而且我的大部分流量来自移动设备!

有谁知道为什么会这样?

旁注:我对大多数编码形式都是全新的,所以当我走的时候我正在学习,请对我轻松一点!

1 个答案:

答案 0 :(得分:0)

更改

.site-header {
 background-color: #fafafa;
 position: relative;
}

.site-header {
 background-color: #000;
 position: relative;
}

编辑:

尝试将其添加到CSS的底部

#masthead {
 background-color: #000 !important;
}