handheldfriendly meta 标签基本无效。现代浏览器完全忽略它，仅在2005–2010年部分老式移动浏览器中被识别；其被废弃因属非标准历史妥协，后被 viewport meta 标签取代；推荐使用 width=device-width 等 viewport 配置实现真正适配。
HandheldFriendly meta 标签现在还有效吗
基本无效。现代浏览器（包括 Chrome、Safari、Firefox 移动版）完全忽略 name="HandheldFriendly"，既不触发特殊渲染逻辑，也不影响视口行为。它只在 2005–2010 年间部分老式移动浏览器（如 Palm Pre 的 WebOS 浏览器、早期 Opera Mobile）中被识别，如今连 IE Mobile 都已终止支持。
为什么它被废弃了
这个标签本质是历史妥协产物：当时没有统一的响应式标准，厂商各自实现“手机友好”判断逻辑，HandheldFriendly 就是其中一种非标准信号。后来 viewport meta 标签成为事实标准，W3C 从未将其纳入规范，主流渲染引擎也从未实现对应逻辑。
- 它不控制缩放、布局宽度或字体大小，纯属“声明式提示”，无实际副作用
- 添加它不会触发任何警告或兼容性降级，但也不会带来任何收益
- 若同时存在
<meta name="viewport" content="width=device-width">，后者会完全覆盖前者意图
替代方案：真正起作用的 viewport 配置
所有现代移动端适配都依赖 viewport meta。关键不是“声明友好”，而是精确控制初始缩放和布局视口。
推荐写法（兼顾 iOS/Android）：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-
width=device-width：让布局视口宽度匹配设备物理像素宽度（经 CSS 像素换算后） -
initial-scale=1.0：禁用默认缩放（老 Android 浏览器可能默认放大文本） - 慎用
user-scalable=no：会破坏可访问性，仅限特定场景（如游戏画布）
遗留项目里要不要删掉 HandheldFriendly
可以删，但不必优先处理。它属于“无害冗余”，不影响解析性能或 SEO，也不会干扰其他 meta 行为。真正要检查的是：viewport 是否缺失、是否用了过时的 target-densitydpi（仅旧 Android 支持，现已废弃）、以及是否遗漏 theme-color 等现代增强项。
如果代码里还混着 name="MobileOptimized" 或 name="apple-mobile-web-app-capable"，建议一并按需清理或更新——后者虽仍有效，但必须配合 manifest.json 才能启用 PWA 安装能力。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
