关于移动端（微信）的问题

上一周我写了一个移动端（微信)的页面，也不对，应该是2个页面。一个有设计稿，另一个就是，总监直接用笔画了一个草图给我，就让我写，写完后，说我写出来的丑爆了，明明是你画出来的好吗？当然，我这种菜鸟写的都是很简单的东西。不过在这里总结一下经验。

1、元素不能设置高度，高度由内容撑开。

2、宽度最好使用百分比。

3、使用媒体查询适应不同型号手机的屏幕大小。

4、不使用浮动，能不使用最好。如果使用浮动，清浮动高度不能为0。

5、最好不要使用相对定位。因为没经验，我在一个块里面使用了position:relative;left:20%;结果这个块溢出，撑开了wrap的宽度，使得右边空出了20%宽的一列，因为项目赶，也没时间调试，没有发现，结果就上线了。后来被训了一顿。