html5无法直接修改手机浏览器渲染格式，核心在于viewport设置、css媒体查询与input类型控制；必须设置width=device-width和initial-scale=1.0，否则ios按980px渲染；type=”number”跨平台行为不一致，需结合inputmode与javascript过滤；rem在旧安卓webview中calc失效，建议用vw或js动态设置；x5内核浏览器会降级css特性，须真机调试。
HTML5 本身不提供直接修改手机浏览器渲染格式或绕过其限制的能力，所谓“改格式”实际是前端适配问题，核心在 viewport 设置、CSS 媒体查询与 input 类型控制。
viewport meta 标签没写对，页面就永远缩放错
多数“格式异常”本质是视口未声明，导致移动端浏览器强制缩放。必须在 中明确设置：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
注意：user-scalable=no 在 iOS Safari 10+ 已被忽略（仅影响双击缩放行为），但 initial-scale=1.0 和 width=device-width 缺一不可。漏掉 width=device-width，iOS 会按 980px 渲染，字体小得看不清。
input[type=”number”] 在安卓和 iOS 行为不一致
想“改格式”让数字输入框只输整数？别依赖 type="number" 自动过滤——它在不同系统表现差异极大：
