Foundation CSS可见性（实现在手机/平板/桌面应用：隐藏/显示元素）

屏幕尺寸显示/隐藏元素：

class	描述	屏幕尺寸
show-for-small-only	只在小设备上显示	<40.0625em
show-for-medium-up	在中及以上设备上显示元素	>40.0625em
show-for-medium-only	只在中设备显示元素	40,0625em-64,0625em
show-for-large-up	在大型设备及以上显示元素	>64.0625em
show-for-large-only	只在大型设备上显示元素	64.0625em-90.0625em
show-for-xlarge-up	在更大型及以上设备上显示元素	>90.0625em
show-for-xlarge-only	只在更大型设备上显示元素	90.0625em-120.0625em
show-for-xxlarge-only	只在超大型设备上显示元素	>120.0625
把”show“改成”hide“就是隐藏了

 

 

 

 

 

 

 

 

 

 

 

屏幕方向显示/隐藏元素：

how-for-landscape	文本横向显示	纵向隐藏
show-for-portrait	文本纵向显示	横向隐藏

 

 

 

触屏设备显示/隐藏：

show-for-touch	在触屏设备上显示	不是触屏设备隐藏
hide-for-touch	在触屏设备上隐藏	不是触屏设备显示