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

    原文作者:山海
    原文地址: https://segmentfault.com/a/1190000008717769
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞