兼容性写法 - CSS

(自己遇到的一些兼容性问题,记录一下~)

1、flex:1在火狐浏览器下width失效

问题:兼容性写法 - CSS_第1张图片

解决:设置具体width值

(具体原因待查)


2、图片默认有间距

问题:几个 img 标签放在一起的时候,有些浏览器会有默认的间距,加了问题一中提到的通配符也不起作用。

解决:使用 float 属性为 img 布局

备注:因为 img 标签是inline-block(使用负 margin,虽然能解决,但负 margin 本身就是容易引起浏览器兼容问题的用法,所以最好禁止使用)。参考链接:https://www.cnblogs.com/wx1993/p/5058769.html

你可能感兴趣的:(css3)