# responsive-layout

**Repository Path**: changyubiao/responsive-layout

## Basic Information

- **Project Name**: responsive-layout
- **Description**: 慕课网-学习响应式布局
https://www.imooc.com/video/22706
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-08
- **Last Updated**: 2022-05-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README





# 学习响应式布局






## 目录
## 1.x media query 基础语法
## 
### 2-4  媒体查询引入方式 -外部样式表
### 
### 3-1 flex 布局
### 3-4 剩余空间调整 justify-content
## 3-5  其他属性 flex-bsis flex-grow flex-shrink
## 3-6 flex特殊写法
## 3-7 输入框布局
## 3-8 长表单布局

## 4-0 rem单位介绍
## 4-1 自适应布局介绍
 自适应布局 
 
布局特点： 	
 1. 不同的设备 对应不同的html  
 2. 局部 自适应
 
 不同的设备用不同的页面或者局部伸缩 
## 4-2  自适应布局介绍
## 4-3  响应式布局
## 4-4