1. 移动端 1px

移动端 1px 变粗的原因

<meta
  name="viewport"
  content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>

<!-- 代码解析 -->
<!--
  name="viewport" content="width=device-width" 本页面的viewport宽度等于设备宽度。
  initial-scale=1.0, maximum-scale=1.0:初始缩放值和最大的缩放值都是1。
  user-scalable=no:禁止用户进行页面缩放
-->