前言
这个问题只出现在app统一mode为ios,在安卓手机上有显示问题
问题描述
如下图,同一个app在不同的android手机上显示的border有问题!
原因
ionic2使用了带小数点的border-width,而带小数点的border存在浏览器兼容性问题
百度了一下带小数点的px兼容性问题采用四舍五入解析的浏览器:IE8、IE9、Chrome,如0.55px显示为1px采用直接取整解析的浏览器:IE7、Firefox,如0.55px显示为0px可以显示带小数点的浏览器 : Safari,如0.55px就显示为0.55px
所以我们要么统一border-width为1px要么统一为0
解决过程


那就在我们的src/theme/variables.scss

最后

** ionic2常见问题
作者:小军617链接:http://www.jianshu.com/p/b45ba73d3f73來源:简书著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
网友评论