常见BUG解决

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;会失效