在网页的响应式开发中，通常会遇见不同屏幕大小显示不用的元素这样的需求，例如：只在移动端显示的菜单按钮、移动端隐藏导航、只在大型屏幕显示广告，在不同屏幕显示不同尺寸的图片等等。

而要实现这样的需求则需要使用layui的屏幕隐藏及显示相关类名；具体的样式类名参考如下：

lay-屏幕 + 类型(大屏，中屏，小屏，超小屏) + 状态（显示，隐藏）+ 如果是显示，则要设置显示为什么显示模式（内联元素，块级元素，内联块元素）。

例如隐藏：lay-大屏隐藏、lay-中屏隐藏、lay-小屏隐藏、lay-超小屏隐藏

例如显示1：lay-超小屏显示内联元素、lay-超小屏显示块级元素、lay-超小屏显示内联块元素

例如显示2：lay-大屏显示内联元素、lay-大屏显示块级元素、lay-大屏显示内联块元素

一段实例代码，非移动端显示导航，移动端显示菜单的实现代码

<区块 类名="lay-容器">
	<区块 类名="lay-栅格行">
		<区块 类名="lay-栅格大屏1 lay-栅格中屏1 lay-栅格小屏2 lay-栅格超小屏6 lay-红色背景">我是标题</区块>
		<区块 类名="lay-栅格大屏10 lay-栅格大屏偏移1 lay-栅格中屏9 lay-栅格中屏偏移1 lay-栅格小屏9 lay-栅格小屏偏移1 lay-超小屏隐藏 lay-红色背景">
		    我是内容
		</区块>
		<区块 类名="lay-隐藏 lay-栅格超小屏2 lay-栅格超小屏偏移4 lay-超小屏显示内联元素">
			<区块 类名="lay-红色背景">菜单按钮</区块>
		</区块>
	</区块>
</区块>

采纳500+送小米笔记本电脑