移动端适配问题

1像素分割线/边框，详见博文
ios自动密码填充导致输入账号时键盘闪烁，详见博文
iOS safari click事件300ms延迟
滚动穿透和滚动溢出
iOS页面滑动卡顿
android手机软键盘将页面顶起来、收起未回落问题
emoji编码
微信中的emoji在Android和iOS下表现一致，参考社区问答

安全区适配

iPhone安全区适配，viewport配置

安全区变量

css

:root {
  --nuxt-devtools-safe-area-top: env(safe-area-inset-top, 0px);
  --nuxt-devtools-safe-area-right: env(safe-area-inset-right, 0px);
  --nuxt-devtools-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --nuxt-devtools-safe-area-left: env(safe-area-inset-left, 0px);
}

微信设置字体大小导致字体被强制缩放

F8ECCFCA-CA92-40A3-9215-A5F196B672F6_1_105_c

阻止这一行为：

css

body {
  -webkit-text-size-adjust: 100% !important;
}