做移动端和pc端的双端页面,会发现一些css属性兼容性问题,平时在电脑谷歌浏览器调试和开放多,所以放到真机测试有时候会有一些差别。
这里记录一下遇到的问题
例如:
1、在ios的safair浏览器中input框的line-height有兼容性问题,会导致内容偏移看不见,
尝试使用line-height:noraml属性,惊奇的发现解决了!!!!
2、在ios的safair浏览器中,不支持gap(弹性盒子)属性,建议使用margin去替代。
在开发双端页面时,遇到CSS属性在不同浏览器中的兼容性挑战。例如,iOSSafari中input框的line-height问题可能导致内容偏移,使用normal属性可解决。另外,Safari不支持gap属性,需用margin替代以实现弹性盒布局。
做移动端和pc端的双端页面,会发现一些css属性兼容性问题,平时在电脑谷歌浏览器调试和开放多,所以放到真机测试有时候会有一些差别。
这里记录一下遇到的问题
例如:
1、在ios的safair浏览器中input框的line-height有兼容性问题,会导致内容偏移看不见,
尝试使用line-height:noraml属性,惊奇的发现解决了!!!!
2、在ios的safair浏览器中,不支持gap(弹性盒子)属性,建议使用margin去替代。
您可能感兴趣的与本文相关的镜像
GPT-oss:20b
GPT OSS 是OpenAI 推出的重量级开放模型,面向强推理、智能体任务以及多样化开发场景
4521
1282
1378

被折叠的 条评论
为什么被折叠?