常見BUG解決

山海發表於2019-02-16

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

相關文章