图片压缩:
腾讯智图（http://zhitu.isux.us/）
手机的所有尺寸大小规范： http://screensiz.es/phone
需求: 移动端宽高一致的盒子(因为移动端屏幕宽度不一样)
样式: .box{ position:relative; 100%; height:0; padding-top:100%; }
有了一个正方形相对定位的盒子,可以在里面写绝对定位盒子 就是宽高等的正方形:
.box .inner{ position:absolute; left:0; top:0100%; height:100%; }
原因:w3c 规定 padding top或bottom 设置百分比,依据就是宽度,这个例子宽度是100% padding-top 100%就是宽度的尺寸,也就是个正方形