三星旧机型（Android 4.4以下）需动态注入target-densitydpi= device-dpi且width=640的viewport，rem布局应延时设置font-size并用screen.width×dpr计算，S Pen需同时监听touchstart和click，canvas与图片须按dpr缩放适配。
viewport 设置必须显式声明 target-densitydpi（仅限旧版 Android 三星）
三星部分老机型（如 Galaxy Note 系列、S3–S5、Tab S2 及更早型号）在加载 H5 页面时会出现首次渲染模糊、文字发虚、1px 线变粗等问题，根本原因是其 WebKit 内核对 viewport 缩放策略的特殊处理：未指定 target-densitydpi 时，系统会按低 DPI 模式渲染再放大，导致位图失真。
- 只对 Android 4.4 及以下、且设备识别为三星或使用 TouchWiz 内核的机型生效；Android 5.0+ 和现代 Samsung Internet 浏览器已弃用该属性
- 不能直接写死
target-densitydpi=device-dpi在静态中——部分三星 ROM 会忽略它，必须通过 JS 动态注入 - 推荐基准宽度设为
640（而非 320 或 device-width），因为三星多数 HD 屏幕逻辑分辨率为 640×360 或 720×400，能更好匹配其缩放引擎
rem 布局需绕过三星浏览器的 font-size 渲染抖动
在 Galaxy S6/S7/S8 等机型上，若使用 JS 动态设置 document.documentElement.style.fontSize（如基于 window.innerWidth 计算），页面初次渲染时可能出现字体跳变、布局重排，尤其在横竖屏切换瞬间。这是因为三星浏览器对 html 元素 font-size 的 CSSOM 更新存在延迟或缓存行为。
- 避免在
DOMContentLoaded后立即修改font-size；改用setTimeout(..., 0)或监听resize+orientationchange组合触发 - 不要依赖
window.innerWidth—— 三星某些固件下该值在 viewport 切换后滞后一帧；改用screen.width * window.devicePixelRatio更稳定 - 对关键文本容器（如按钮、标题）加
transform: translateZ(0)强制 GPU 加速，可缓解字体渲染卡顿
触摸事件必须同时绑定 touchstart 和 click（三星 S Pen 场景）
三星 Galaxy Note 系列及 Tab S 系列支持 S Pen，其触控事件流与普通手指不同：S Pen 的 touchstart 可能不触发 click，而误判为“长按”或“手写模式”，导致按钮无响应。
- 必须为同一元素同时注册
touchstart和click，并在touchstart中调用event.preventDefault()阻止默认行为（防止滚动干扰），但不要阻止click - 避免使用
fastclick等第三方库——三星浏览器自带的点击延迟优化与之冲突，反而增加误触 - 对 S Pen 特殊交互（如手写签名区域），应检测
event.pointerType === 'pen'并启用专用逻辑
图片和 canvas 渲染要主动适配 devicePixelRatio（尤其 Note 系列高 PPI 屏）
Galaxy Note 10+/S22 Ultra 等机型 PPI 超过 500，若未按 window.devicePixelRatio 缩放 canvas 或设置 img 的 srcset，会出现明显模糊或锯齿，且刷新后也不修复（区别于初始模糊问题）。
立即学习“前端免费学习笔记（深入）”；
- canvas 绘图前务必设置
canvas.width = canvas.clientWidth * window.devicePixelRatio和canvas.height = canvas.clientHeight * window.devicePixelRatio，再用ctx.scale(dpr, dpr) - 不用
background-image直接铺高分辨率图——三星浏览器对 background-size: cover 的 DPR 感知不准；改用srcset+sizes - 禁用
-webkit-transform: scale(1)类 hack 强制重绘——在三星设备上可能触发双倍重绘，加剧耗电和发热
三星设备适配最易被忽略的点，不是写错 media query 断点，而是把“三星”当成一个整体——从 S3 到 S24 Ultra，内核、DPI 处理、触摸栈、渲染管线差异极大，同一段适配代码在 Note 4 上救命，在 S23 上却成性能瓶颈。实际项目中，建议用 UA + screen.width + devicePixelRatio 三元组合做最小粒度判断，而不是靠版本号硬分。
