移动端手机浏览器兼容问题

实习笔记

1、微信浏览器居然比QQ多出141像素。
2、iphone4和iphone5的差别：在iphone5 中可以正常显示的却在iphone4中多出一块，对比了阿里的微招聘，发现他们的操作是向上裁去一块区域，于是我只能更具浏览器的高度来判断是否要改变margin属性了。但是改了margin属性后，下面就留了一块白，我又把body的height 属性设置成108%，这样可以在4和5 均正常显示，但是4中有点挤。
3、如果要正常显示也不觉得挤的话，可以通过 JS 批量改 CSS 样式来实现，但是图片可能也要重新切了，会有点麻烦。
4、阿里的微招聘不会显得挤，他是通过裁剪了上部分的图，或则是让背景图向上浮动了，文字则是通过蒙板的相对浏览器定位。
5、不过阿里的微招聘有手势滑动翻页的效果，可以学习。
常见浏览器兼容问题