移动页面的流式布局(em，rem,px的理解)媒体查询，less,scss

如果宽度大于800，颜色消失。

物理像素指的就是分辨率

iphone8是750px

在iphone8里面1ps等于2个物理像素

375是我们开发的时候的px的单位

border-box表示从边框开始算的，padding值也在边框里面，所以不会撑大盒子。

把这个点击以后出现背景蓝色去掉。

流式布局主要看的是宽度，高度我们可以设置为px.（随着宽度自由去伸缩我们就称为是流式布局。）

为了不让盒子伸缩时文字掉下来，我们还可以设置最大值和最小值。

images里面放一些背景的图片，upload里面放产品的图片。

<!-- user-scalable=no不允许用户进行缩放 maximum-scale=1.0
    ,minimum-scale=1.0最大和最小缩放倍数都是1.0   -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0
    ,minimum-scale=1.0">

创建一个index.css这是我们自己要写的css

父亲给个高，里面的孩子在浮动的时候就没有清除浮动这个问题。

默认是和我们的文字是基线对齐。

后面学了js会用js去做跳转

给盒子做链接让其进行跳转。