1)静态布局:在PC端与移动端用2个布局;一个元素的位置和大小都不变化;
2)自适应布局:在PC端与移动端用2个布局;一个元素的位置会变化。
3)流式布局:在PC端与移动端1个布局;元素的位置会变化,元素的大小会缩放;(图片太大会不显示)
4)响应式布局: 在PC端与移动端2个布局;元素的位置会变化,元素的大小会缩放;
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"><!-- 声明字符集,防止乱码 -->
<meta name="Keywords" content=""><!-- keywords关键字,搜索引擎方便找到本网站 -->
<meta name="Description" content=""><!-- 找到网站以后的一个描述 -->
<title>Document</title>
</head>
</html>