停用仅适用于移动设备的CSS类

时间:2018-06-21 09:10:35

标签: css wordpress

首先,对不起,我是CSS初学者。

我正在处理一个具有自定义主题的wordpress网站。我想在移动版本的网站上停用此CSS类,因为它会使所有内容重叠:

.fullScreenHeight {
    content: 'viewport-units-buggyfill; height: 100vh;';
}

.fullScreenHeight {
    height: 100vh;
}

到目前为止,我已经尝试了不同的解决方案,例如:

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {.fullScreenHeight { 
    height: 100%;
}}

但是它们似乎不起作用。

有什么主意吗?

非常感谢您!

3 个答案:

答案 0 :(得分:0)

尝试那样使用。

val m = Map("LOWES" -> ("Lowes1","Lowes2"),  "Other" -> ("other1","other2"))
println(m.get("LOWES").get._1)  // will print **Lowes2**

您可以将优先级名称赋予

f = open("Answers.txt","a", newline="\n",encoding='utf-8')
for i in tqdm(data['answers_body']):
        line =  i.replace('\n','')
        f.write(line)
        f.write("\n")

答案 1 :(得分:0)

这应该没那么难,请尝试使用CSS:-

@media screen only and (max-width:800px) and (min-width:300px){
.fullScreenHeight{
height:100vh!important;
}}

您可以根据需要更改高度。

答案 2 :(得分:0)

答案是:

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {.fullScreenHeight { 
    content: '';
    height: 100% !important;
}}

感谢大家的帮助:)