We can add in the container element data-equalizer Property and add for each child element data-equalizer-watch Property to create an equalizer of the same height. The highest element determines the height of other elements.
注意: The slider needs to use JavaScript. So you need to initialize Foundation JS: 尝试一下 » On the equalizer by adding Value Description Example Default. ? Create a container of the same height with a width greater than 40.063em Create a container of the same height with a width greater than 64.063em Create a container of the same height with a width greater than 90.063em Create a container of the same height with a width greater than 120.063em For Lorem ipsum... Lorem ipsum... Lorem ipsum... Ut enim... Lorem ipsum.... 8.30.1. Example ¶
Equalizers with different screens ¶
data-equalizer-mq="value" Property to set the same height for different screen sizes. The value can be one of the following: medium-up large-up xlarge-up xxlarge-up Nested content ¶
data-equalizer And data-equalizer-watch Property to add the same value. This will connect to the equalizer container together. Repeat the nested equalizers multiple times to make sure they match: 8.30.2. Example ¶
Panel
Nested Panel
Nested Panel
Nested Panel
Panel
Panel