equaliser是什么意思（Foundation 均衡器(Equalizer)）

equaliser是什么意思

英国英语写法equaliser美国英语写法equalizer['i:kwəl.aizə]n.均衡器【例句】1.Whenenabled,anequalizerpluginfilterstheaudiostream.启用时，将会对音频流应用均衡器插件。

2.Thisallowstheequalizertoadapttochangingconditionsintheback-plane.这样均衡器就适应了基板系统不断变化的情况。

3.Whereaftertheauthorintroducesthebasictheoryofequalizer.接着,作者介绍了均衡器的基本原理。

Foundation 均衡器(Equalizer)

视频介绍

我们可以在容器元素添加 data-equalizer 属性，并为每个子元素添加 data-equalizer-watch 属性来创建一个相同高度的均衡器。

最高的元素决定了其他元素的高度。

注意:滑块需要使用 JavaScript。

所以你需要初始化 oundation JS:

实例

<div data-equalizer>

<div data-equalizer-watch>

Lorem ipsum...

</div>

<div data-equalizer-watch>

Sed ut...

</div>

<div data-equalizer-watch>

Lorem ipsum...

</div>

</div>

<!-- Initialize Foundation JS -->

<script>

$(document).ready(function() {

$(document).foundation();

})

</script>

不同屏幕的均衡器

在均衡器上通过添加 data-equalizer-mq="value" 属性为不同屏幕尺寸设置相同高度。

值可以是以下之一：

创建相同高度的容器，宽度大于 40.063em

嵌套内容

为 data-equalizer 和 data-equalizer-watch 属性添加相同的值。

这会一起连接到均衡器容器。

重复多次嵌套均衡器，确保他们是匹配的：

实例

<!-- The Equalized Container -->

<div data-equalizer="first">

<div >

<div data-equalizer-watch="first">

<h3>Panel</h3>

<!-- An Equalized Container Inside The Equalized Container -->

<div data-equalizer="second">

<div data-equalizer-watch="second">

<h3>Nested Panel</h3>

<p>Lorem ipsum...</p>

</div>

<div data-equalizer-watch="second">

<h3>Nested Panel</h3>

<p>Lorem ipsum...</p>

</div>

<div data-equalizer-watch="second">

<h3>Nested Panel</h3>

<p>Lorem ipsum...</p>

</div>

</div>

<!-- End Nested Equalized Container -->

</div>

</div>

<div >

<div data-equalizer-watch="first">

<h3>Panel</h3>

<p>Ut enim...</p>

</div>

</div>

<div >

<div data-equalizer-watch="first">

<h3>Panel</h3>

<p>Lorem ipsum....</p>

</div>

</div>

</div>

声明:本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。 E-MAIL:admin@bb1314.com