全部 Skills
Web 的原生手感
mobile-native
顽固的 hover 态、点击高亮闪烁、100vh 的坑、聚焦就缩放的输入框、迟钝的点击、安全区域。这些细节单看都很小,合在一起就决定了你的应用像网页还是像 App。
它把哪件事做完了
把网站在手机上的违和感一处一处清掉
什么时候用它
- Web 应用在手机上总感觉不对劲
- 地址栏收起时布局突然跳动
- 点击有延迟,或者输入框一聚焦页面就放大
它具体做什么
- 修 hover
- 用悬停媒体查询隔离桌面专属状态,避免手机上残留
- 修视口
- 用动态视口单位替代 100vh,处理地址栏与键盘
- 修点击
- 去掉高亮闪烁与点击延迟,让反馈即时
- 修安全区
- 处理刘海、圆角与底部手势条,避免内容被遮
可以这样提要求
›用 mobile-native 检查这个页面在手机上的表现,逐条列出违和的地方。