移动wap切图注意事项

1. 图片一定需要有东西固定宽高，如
　　<div style="width:30%;height:150px;">

　　　　<img src="">

　　</div>

　　img{width:100%;height:100;vertical-align: top;}

2. 设置元素的高度最好不用百分百，如果一定要用高度是继承父元素的，所以html,body:100%;
　 高度100%与pc端的100%不一样，手机的100%只代表所看到区域的高度；

3. 避免使用position，fixed是会出现bug的

4. overflow：scroll，不适用。除整体滚动外，部分高度scroll，索尼手机不能滚动有bug。
　最好使用http://www.cnblogs.com/JoannaQ/p/3151843.html

5. 如做手机端设计师需了解响应式设计，扁平化设计也是个好方向

 

转载于:https://www.cnblogs.com/2boy/p/3678115.html