1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
|
| <!DOCTYPE html>
| <html>
| <head>
| <meta charset="utf-8">
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
| <title>响应式测试 - Layui</title>
| <link rel="stylesheet" href="../src/css/layui.css">
| <style>
| body{padding: 20px;}
| </style>
| </head>
| <body>
|
| <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
| <!--[if lt IE 9]>
| <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
| <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
| <![endif]-->
|
|
|
|
| <div class="layui-hide-xs layui-show-sm-inline layui-show-md-block">
| 移动：隐藏
| <br>平板：inline
| <br>PC：block
| </div>
|
| </body>
| </html>
|
|
