常見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;會失效