做移动端和pc端的双端页面,会发现一些css属性兼容性问题,平时在电脑谷歌浏览器调试和开放多,所以放到真机测试有时候会有一些差别。
这里记录一下遇到的问题
例如:
1、在ios的safair浏览器中input框的line-height有兼容性问题,会导致内容偏移看不见,
尝试使用line-height:noraml属性,惊奇的发现解决了!!!!
2、在ios的safair浏览器中,不支持gap(弹性盒子)属性,建议使用margin去替代。
做移动端和pc端的双端页面,会发现一些css属性兼容性问题,平时在电脑谷歌浏览器调试和开放多,所以放到真机测试有时候会有一些差别。
这里记录一下遇到的问题
例如:
1、在ios的safair浏览器中input框的line-height有兼容性问题,会导致内容偏移看不见,
尝试使用line-height:noraml属性,惊奇的发现解决了!!!!
2、在ios的safair浏览器中,不支持gap(弹性盒子)属性,建议使用margin去替代。