跳到正文
全部 Skills
平台与端组合中的位置:构建

Web 的原生手感

mobile-native

顽固的 hover 态、点击高亮闪烁、100vh 的坑、聚焦就缩放的输入框、迟钝的点击、安全区域。这些细节单看都很小,合在一起就决定了你的应用像网页还是像 App。

它把哪件事做完了

把网站在手机上的违和感一处一处清掉

什么时候用它

  • Web 应用在手机上总感觉不对劲
  • 地址栏收起时布局突然跳动
  • 点击有延迟,或者输入框一聚焦页面就放大

它具体做什么

修 hover
用悬停媒体查询隔离桌面专属状态,避免手机上残留
修视口
用动态视口单位替代 100vh,处理地址栏与键盘
修点击
去掉高亮闪烁与点击延迟,让反馈即时
修安全区
处理刘海、圆角与底部手势条,避免内容被遮

可以这样提要求

用 mobile-native 检查这个页面在手机上的表现,逐条列出违和的地方。