移动端布局

移动端响应式的处理:

　　1.设计师给前端的是640px效果图;

　 2.按照640px尺寸将所有图片切出来;

　 3.布局的时候宽度不设置固定宽度;

　 4.其余的除了宽度都可以按照效果图的一半来布局.

　　　比如:1.效果图上的文字是24px,我们布局的时候写成12px;

　　　　　 2.效果图上的高度是100px,我们布局的时候写50px.

               3.配图以及缩略图的宽高都可以固定.

   5.如果需要调整不同尺寸显示效果的话,用@media进行调整.

在ios看到100*100,实际上原图是200*200.　　

比如外面最大的盒子的内填充是20px,需要设置成10px

移动端布局

原文：http://www.cnblogs.com/aomore/p/4590826.html