如果高度高于400px则使用另一条css线？

Question

我想知道是否有可以执行以下操作的If语句：

<div style="min-height:400px;">
some dynamic content
</div>

if语句或函数类似于

<?php
    if height is higher then 600 px change class from A to B or change Css lines like f.e. smaller font size
?>

Answer 1

在DOM中找到div并检查它的高度; toggleClass允许您传递由空格分隔的字符串，并在调用时在两个类之间切换。

//css
.cls1{}
.cls2{}

//html
<div id="iamunique" class="cls1">
    some dynamic content
</div>

//js
<script>
    var $div = $('#iamunique');
    if ($div.height() > 600) $div.toggleClass('cls1 cls2');
</script>