Foundation 均衡器(Equalizer)2

简介: 通过在均衡器上添加 `data-equalizer-mq="value"` 属性,可为不同屏幕尺寸设置相同高度。值包括 `medium-up`(>40.063em)、`large-up`(>64.063em)、`xlarge-up`(>90.063em)和 `xxlarge-up`(>120.063em)。嵌套内容时,需为 `data-equalizer` 和 `data-equalizer-watch` 属性添加相同值以连接至均衡器容器。

不同屏幕的均衡器
在均衡器上通过添加 data-equalizer-mq="value" 属性为不同屏幕尺寸设置相同高度。值可以是以下之一:

值 描述 实例
medium-up 默认。 创建相同高度的容器,宽度大于 40.063em
large-up 创建相同高度的容器,宽度大于 64.063em 尝试一下
xlarge-up 创建相同高度的容器,宽度大于 90.063em 尝试一下
xxlarge-up 创建相同高度的容器,宽度大于 120.063em 尝试一下
嵌套内容
为 data-equalizer 和 data-equalizer-watch 属性添加相同的值。 这会一起连接到均衡器容器。 重复多次嵌套均衡器,确保他们是匹配的:

实例




Panel






Nested Panel


Lorem ipsum...




Nested Panel


Lorem ipsum...




Nested Panel


Lorem ipsum...










Panel


Ut enim...






Panel


Lorem ipsum....




相关文章
|
11月前
|
Web App开发 前端开发 JavaScript
从零搭建Xswitch进行测试
从零搭建Xswitch进行测试
|
11月前
|
安全 Cloud Native 定位技术
阿里云游戏访问与下载加速解决方案
阿里云游戏访问与下载加速解决方案
|
11月前
|
计算机视觉
Deepseek开源多模态LLM模型框架Janus,魔搭社区最佳实践
deepseek近期推出了简单、统一且灵活的多模态框架Janus,它能够统一处理多模态理解和生成任务。让我们一起来了解一下吧。
|
弹性计算 负载均衡 容灾
阿里云服务器地域和可用区分布表、选择方法及常见问题解答
阿里云服务器地域怎么选择?什么是可用区?阿里云服务器可以用怎么选择?阿里云地域节点测速哪个比较快?阿里云服务器在哪个城市地址?什么是可用区?阿里云服务器地域区别大吗?
2218 1
阿里云服务器地域和可用区分布表、选择方法及常见问题解答
|
存储 运维 分布式计算
|
存储 关系型数据库 MySQL
MySQL TEXT数据类型的最大长度
TINYTEXT 256 bytes   TEXT 65,535 bytes ~64kb MEDIUMTEXT  16,777,215 bytes ~16MB LONGTEXT 4,294,967,295 bytes ~4GB           http://blog.
17431 0
|
消息中间件 存储 JSON
金鱼哥RHCA回忆录:CL210OpenStack操作的故障排除--诊断OpenStack问题
第九章 OpenStack操作的故障排除--诊断OpenStack问题
1106 0
金鱼哥RHCA回忆录:CL210OpenStack操作的故障排除--诊断OpenStack问题
|
SQL 数据库
数据库上机实验2 单表查询和嵌套查询
数据库上机实验2 单表查询和嵌套查询
175 0
|
图形学 Android开发
Android/Unity混合开发屏幕旋转问题以及8.0透明页面兼容
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
805 0
反转链表.leetcode206 《数据结构入门到精通N2》
反转链表.leetcode206 《数据结构入门到精通N2》
反转链表.leetcode206 《数据结构入门到精通N2》