img图片元素多余空隙bug

将图片转换为块级对像

 img {display:block;}

设置图片的垂直对齐方式

即设置图片的vertical-align属性为「top，text-top，bottom，text-bottom」也可以解决

 img {vertical-align:top;}

改变父对象的属性

如果父对象的宽、高固定，图片大小随父对像而定，那麽可以设置：

overflow:hidden;

设置图片的浮动属性

 img {float:left;}  

如果要实现图文混排，这种方法是很好的选择。

translate

translateY居中好像需要注意居中容器的高度，如果为奇数会模糊的样子。

-webkit-overflow-scrolling: touch;

页面如果有-webkit-overflow-scrolling: touch;和position: fixed;，则position: fixed;会失效