自定义页面使用栅格布局

3314 阅读 0 评论 0 点赞

在使用宜搭的时候，你可能见到过如下页面布局。

在一些企业官网、博客、新闻门户、管理后台等网站中，随处可见上述信息展示布局，你如果有一定的前端开发经验，你可能会用到flex来轻松实现上述布局，本例我们学习一下如何使用grid来实现上述布局。

前提条件

本教程使用到宜搭部分基础功能，你可以先了解以下功能。

本教程使用到 Web 开发技术，你可以先了解以下技术。

笔记本电脑屏幕尺寸。

平板电脑屏幕尺寸。

移动端屏幕尺寸。

完整配置源码：

配置下述样式。