gpt4 book ai didi

semantic-ui - Semantic-UI 中响应可见性的正确类是什么?

转载 作者:行者123 更新时间:2023-12-02 22:14:49 30 4
gpt4 key购买 nike

我是语义 UI 新手,我喜欢这个框架。他们有大量有用的文档,但更令人困惑的是。

响应式可见性如何工作?

容器有仅移动平板电脑仅小型显示器仅大型显示器...以及一些代码,我发现有仅计算机,仅设备 ?有什么区别?谢谢。

最佳答案

已更新以反射(reflect)当前文档和版本 2.4.2

响应式可见性的工作原理是在特定的屏幕尺寸上隐藏某个元素(通常是 ui container ,但也可以是网格行)。例如,<div class="ui container mobile only">仅当屏幕宽度小于 768px 时才会显示。

Grid 的文档有 Device Visibility演示了几种可能的可见性修饰符的部分:

  1. 手机 ( mobile only )
  2. 平板电脑 ( tablet only )
  3. 平板电脑和手机 ( tablet mobile only )
  4. 计算机 ( computer only )
  5. 大屏幕 ( large screen only )
  6. 宽屏 ( widescreen only )
  7. 所有尺寸(无修饰符)

文档没有明确提及设备断点是什么。与大多数东西一样,它们可以在构建 Semantic UI 时通过 SASS 变量进行配置,并在 site.variables 中定义。 。默认断点是:

  1. mobile only仅显示低于 768 像素
  2. tablet only仅显示768px - 991px
  3. computer only将始终显示992px及以上
  4. large screen only仅显示1200px - 1919px
  5. widescreen only仅显示1920px及以上

正如 Grid 文档中所见,也可以将它们组合起来 - 例如tablet mobile onlymobile computer only完全有效。

关于semantic-ui - Semantic-UI 中响应可见性的正确类是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32172155/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com