用户登录

有些列或者行的内容,你可能只希望它们在特定尺寸的设备上显示 .. 有几个词我们先了解一下 .. computer,表示一般的电脑.. large screen .. 表示大屏幕的设备 .. tablet 是平板的意思 .. mobile 表示手机 ..

比如这里我只想让这个 1 号栏在桌面电脑上显示 .. 在其它尺寸的设备上隐藏起来 .. 在这个栏的容器上,添加一个 computer only .. 保存 ..

调整一下页面的宽度 .. 你会发现 1 号栏,只有在普通的桌面电脑设备上显示,在其它尺寸的设备上会被隐藏起来 .. 注意这里 Semantic UI 只是去判断页面的宽度,并不是真正的去判断用户的设备 ..

这个表示内容可见性的类,还可以用在 row 的上面 ..

比如我想让这里的第一排内容只在手机设备上显示 .. 在 row 的容器上,添加一个 mobile only .. 保存 ..

调整页面的宽度 ... 在大尺寸,普通桌面设备,还有平板上,第一排内容都会被隐藏 .. 只有在手机设备上,这排内容才会显示出来 ..

栏与行内容的可见性《 Semantic UI 网格 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点