前言 在做项目的时候写页面我通常都是使用 flex 来布局的，flex 不仅能方便控制元素的水平、垂直方向的布局，更能在父容器内弹性分布。我也看到过 grid 也很强大，那么 Flex 和 Grid

响应式布局使我们的网页在各种设备上广为传播。 今天和大家聊聊常见的三种布局方式。 缩放、流式布局与响应式 缩放布局，旨在相对缩放每一个元素。它们会随着窗口大小变化动态缩放内容，就这方面而言，它们是响应

flex 01. 弹性盒 flex-direction 指定容器中弹性元素的排列方式。 弹性元素的属性： 02.弹性容器的样式 flex-wrap: justify-content align-ite

这是我参与8月更文挑战的第17天，活动详情查看：8月更文挑战 viewport 也叫“视口”。 移动设备上的viewport就是设备的屏幕上能用来显示网页内容的区域。viewport不局限于浏览器可视

原文合集地址如下，有需要的朋友可以关注 本文地址 合集地址 Flex布局（Flexible Box Layout）是CSS3中引入的一种强大的布局模型，它为开发人员提供了一种简单而灵活的方式来构建现代

响应式布局常用基础技巧，快速且代码便于维护，适用于各种前端响应式页面，灵活、便捷、通用，同场景多种解决方案。

`CSS` 网格布局是一种基于二维网格的布局系统，与过去的任何网页布局系统相比，它完全改变了我们设计用户界面的方式。图文并茂！一次性搞懂 Grid 布局，实现“布局自由”~

前言 目前为止，我经常在开发中使用的布局方式有以下几种： Flex布局； 定位； 浮动（基本不怎么使用）； 最近在做一个项目的时候，使用到了网格布局，真的是方便了许多； 我学习Grtid布局是阅读的这

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。