在safari浏览器中碰到的兼容问题

167 阅读1分钟

1、如果碰到不靠左的样式, 需要加上text-align:left 

2、父元素使用了display:flex, 子A元素 设置了width:21px,如果子B元素的内容很长,就会压缩子A元素的宽度,修改这个问题需要在子B元素上添加css:flex:1

3、position:fixed ,left:0 ,如果在不设置bottom:0 ,其他浏览器没问题,在safari是需要设置bottom:0的。

4、关于图片显示问题:如果https的访问链接中使用的图片是http,有可能是显示不出来的,需要更改为https、http去掉, 只使用 //baidu.com 

有问题再补充……