移动端流式布局。

<!-- 

        流式布局 

        流式布局是宽度使用百分比代替固定宽度px，高度大多使用px来固定， 因此在大屏幕手机下显示的效果会变成页面元素的宽度被拉长，高度和原来保持一致

 

        优点:可以很好的来解决自适应的问题

        缺点:

            1、实际显示的效果不友好，屏幕越大，宽度被拉的很长，容易变形

            2、 大量使用百分比布局，会出现兼容性问题

    -->