明明是同一个页面,真机上是好的,模拟器上是崩的。我翻了翻 viewport 的配置,把 meta 标签从头检查了一遍。第二天这个方案就变成了团队标准做法
😂 IT段子
程序员日常、代码趣事、技术梗图,让你在学习之余轻松一笑
有个组件我改了三版,最后用的是最初那版。我把整条链路在心里复盘了一遍。我打开看了下这个交互的实现方式,发现和隔壁组不一样。感动,然后我学到了新的一课
设计师给的稿子间距是 37px,问就是设计感。我抬起头看了看周围,大家都一样。我打开手机看了下这个页面,横屏的时候它散架了。这条经验值直接拉满
前端最玄学的问题是「在我这里明明是好的」。我笑了笑,决定不解释。我在浏览器里逐个分辨率试过去,终于找到了那个断点。感动,然后我学到了新的一课
改了一个像素的样式,整个页面的布局全部崩了。我把相关的记录都翻了出来做对照。我打开看了下这个图标的尺寸,发现是二倍图导出的。世界瞬间清净了
前端的时间有一半花在了和浏览器解释同一个样式。我停了一下,然后继续手上的活。我打开看了下这个组件的依赖,发现引了一个不该引的库。连茶水间都安静了
我打开了这个页面的源码,发现嵌套了七层 div。我在心里把涉及的所有环节都过了一遍。我把这个页面的字体换成了系统默认,看起来反而更稳。世界瞬间清净了
我的浏览器里常驻二十个标签页,全是用来对照的。我拉了个小群,把相关同学都叫了进来。我打开看了下这个页面的无障碍规范,然后先记了下来。这条经验值直接拉满
一个样式只在一半用户手机上错位,我们查了三天没找到规律。我把 z-index 调到了 9999,它终于盖住了那个东西。这大概就是程序员的人生吧
前端的世界里,一行样式错了整页都会跟着歪。我不知道该说什么,就笑了笑。我在真机上装了调试工具,半小时后找到了那个盒模型的偏差。我沉默了,但心里是服的