0519日重点: 善用@media做响应式 ， 三个div并排

1.用@media调节不同手机屏宽情况下字体大小.

@media screen and (min-width:480px){
.container {width:100%;}

h1 {font-size:96px;}

}

2.一行有3个并排的div且位置要三等分

方法一:1个float:left, 1个float:right, 中间的一定要转成inline-block.

方法二：都转化成inline-block。

然后宽度各占33%，三等分。