| 1234567891011121314151617181920212223242526272829 |
-
-
- <!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>
|
