响应式布局
简述：
根据不同的终端类型和页面的分辨率，执行不同的页面样式，达到自适应终端的目的，提升用户使用体验。（由h5引入）
知识点：
1、@media
媒体查询，screen查询屏幕，all查询全部。。。
例如：
@media screen and（max-width:500px）{
div{
color:red;
font-size:20px;
}
}
@media screen and (min-width:500px){
div{
color:green;
font-size:18px;
}
}
# 通过媒体查询，设置屏幕宽度小于500px时，div元素为第一个样式，当屏幕宽度大于500xp时，div元素为第二个样式。
实例：
设计响应两个尺寸的页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
&
最低0.47元/天 解锁文章
2613
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
