8.30. Foundation equalizer (Equalizer)

发布时间 : 2025-10-25 13:33:54 UTC      

Page Views: 9 views

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:

8.30.1. Example

Lorem ipsum...
Sed ut...
Lorem ipsum...

尝试一下 »

Equalizers with different screens

On the equalizer by adding data-equalizer-mq="value" Property to set the same height for different screen sizes. The value can be one of the following:

Value

Description

Example

medium-up

Default. ? Create a container of the same height with a width greater than 40.063em

large-up

Create a container of the same height with a width greater than 64.063em

尝试一下

xlarge-up

Create a container of the same height with a width greater than 90.063em

尝试一下

xxlarge-up

Create a container of the same height with a width greater than 120.063em

尝试一下

Nested content

For 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

Lorem ipsum...

Nested Panel

Lorem ipsum...

Nested Panel

Lorem ipsum...

Panel

Ut enim...

Panel

Lorem ipsum....

尝试一下 »

《地理信息系统原理、技术与方法》  97

最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。