关于栅格布局

发布于 / 前端 / 0 条评论

前几天帮朋友写一个页面,首先想到的是flex布局,虽然最后也实现了想要的效果,但是朋友再给他们组长看的时候,给出了建议:

自己本身css写的不多,虽然身为一个前端开发者,自己在公司写得多的也是js,很多都是逻辑的代码。

后来自己也尝试了一下栅格布局,确实很好用,对于栅格布局,可以用layui和bootstrap的,当然了框架的话element-ui,iview以及ant-design都有相应的代码,基础的应用如下:

//这里采用layui

<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md12"></div>  //这里可以选的属性有md xs sm分别对应的是电脑,平板和移动端  后面的值是占的比例,具体用法可以去看layui的官网,实现的主要方法还是响应式布局即@media的使用
    </div>
</div>

反正觉得还是很好!!!

转载原创文章请注明,转载自: ت » 关于栅格布局
Not Comment Found