1、安卓机部分浏览器不支持这种背景css的写法：

 

1 background:#fff url(lunch.png) center bottom /86.5% no-repeat;

要写成：

1 background:#fff url(lunch.png) center bottom no-repeat;
2 background-size:86.5%;

2、使用百分比布局页面的时候，从html到body到。。。。。一级一级的每一级都要设置%，比如

1 html{height:100%;}
2 body{height:100%;}
3 .box{height:50%;}

如此一来。box才能显示高度为页面的50%，否则，box的height值无效。

3、img是内联元素。所以用div包img的时候，会出现溢出。hack方法，给img添加display:block;

4、做移动端页面开发，常用的调试工具是Chrome浏览器的emluation，按F12可以显示该工具。

5、Canvas是用来代替Image标签的一种渲染方法

6、CSS3也有常用的框架，比如Animate.css

 

   

版权声明：本文为edgarman原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/edgarman/p/4262119.html