Layui 响应式标记

Layui 响应式标记

今天在尝试用Layui做手机网站的时候发现栅格化无效,代码如下

  <div class="layui-row">
    <div class="layui-col-md4">
      内容1
    </div>
    <div class="layui-col-md4">
      内容2
    </div>
    <div class="layui-col-md4">
      内容3
    </div>
  </div>

后来细看发现标记用了md,应该用xs

Layui响应式规则:

超小屏幕(手机<768px) 小屏幕(平板≥768px) 中等屏幕(桌面≥992px) 大型屏幕(桌面≥1200px)
.layui-container的值 auto 750px 970px 1170px
标记 xs sm md lg
列对应类#为1-12的等分数值 layui-col-xs# layui-col-sm# layui-col-md# layui-col-lg#

版权声明:本文为 溪月阁 | MoBrook 博主「 皓月 」的原创文章遵循用 CC BY-NC-SA 4.0 版权协议进行许可,转载请附上原文出处链接及本声明。

本文链接https://mobrook.cn/index.php/kanni-83/

上一篇:

没有了,已经是最新文章