原生静态布局下，用div+css实现界面随着不同的屏幕变换自动调整大小

1 首先用css元素让body和html元素的的height和width设置成100%。

   因为当我们设置100%的时候有一个对照的父元素，也就是说参照谁来设置自己高和宽的百分比。

   对于有些浏览器来说，把屏幕的高和宽作为body元素的参照父元素，对于有些浏览器来说把屏幕的高和宽作为htm

   的参照父元素，所以第一步同时把这两个元素作为参照父元素。

2 定义一个盒子div ，设置div的width，height属性值为100%

3 在div盒子里布局的时候也用百分号作为划分各个区块，这样就可以保证整体都是随着屏幕大小的变化而变化大小。