移动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. 如做手机端设计师需了解响应式设计,扁平化设计也是个好方向