有些列或者行的内容,你可能只希望它们在特定尺寸的设备上显示 .. 有几个词我们先了解一下 .. computer,表示一般的电脑.. large screen .. 表示大屏幕的设备 .. tablet 是平板的意思 .. mobile 表示手机 ..
比如这里我只想让这个 1 号栏在桌面电脑上显示 .. 在其它尺寸的设备上隐藏起来 .. 在这个栏的容器上,添加一个 computer only .. 保存 ..
调整一下页面的宽度 .. 你会发现 1 号栏,只有在普通的桌面电脑设备上显示,在其它尺寸的设备上会被隐藏起来 .. 注意这里 Semantic UI 只是去判断页面的宽度,并不是真正的去判断用户的设备 ..
这个表示内容可见性的类,还可以用在 row 的上面 ..
比如我想让这里的第一排内容只在手机设备上显示 .. 在 row 的容器上,添加一个 mobile only .. 保存 ..
调整页面的宽度 ... 在大尺寸,普通桌面设备,还有平板上,第一排内容都会被隐藏 .. 只有在手机设备上,这排内容才会显示出来 ..