做移动端和pc端的双端页面,会发现一些css属性兼容性问题,平时在电脑谷歌浏览器调试和开放多,所以放到真机测试有时候会有一些差别。

这里记录一下遇到的问题

例如:

1、在ios的safair浏览器中input框的line-height有兼容性问题,会导致内容偏移看不见,

尝试使用line-height:noraml属性,惊奇的发现解决了!!!!

2、在ios的safair浏览器中,不支持gap(弹性盒子)属性,建议使用margin去替代。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐