Calc（）函数在Wordpress中不起作用

问题描述：

我在我的Wordpress网站的主页上有一个Revolution滑块。我想使用CSS Calc()函数height: calc(100% - 600px);更改媒体查询的高度。它在除我的wordpress网站以外的其他地方都有效。这里可能是什么问题？Calc（）函数在Wordpress中不起作用

尝试每个浏览器，webkitmoz和其他一切。如果我直接通过它的高度它的作品。但与Calc()函数不同。

它与Wordpress无关。这是一个CSS属性。 – Aslam

我可以考虑2个选项：1）特异性2）父母没有指定身高，因此计算的百分比不适用。如果你可以在这里粘贴一些代码或者有一个URL，我们可以提供更好的帮助。 – Gerard

您是否使用任何css预处理器？喜欢更少还是sass？ –

答

最后用CSS不是我的选择。所以我最终用JS解决了我的问题。对于有类似问题的人来说，这是一个解决方案。

jQuery(document).ready(function($){ 
    if($(window).width() > 1600){ 
    $('.slider').height($(window).height() - 316); 
    } 
    if($(window).width() < 767){ 
    $('.slider').height($(window).height() - 296); 
    } 
});

你根本不需要使用JS，使用'100vh'获取视口高度和条件样式，请使用媒体查询。 – Terry

@Terry nope。这不符合我的要求。 – m4heshd

Calc（）函数在Wordpress中不起作用

相关推荐