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