HTML5页面模糊通常由Windows非整数缩放、浏览器DPI渲染策略或Intel核显驱动过旧导致，而非HTML5标准本身问题；应优先设系统缩放为100%、启用Chrome高DPI支持参数并更新Intel官方显卡驱动。
HTML5 页面模糊，大概率不是 HTML5 的问题
神舟电脑上 HTML5 页面（比如视频、Canvas 动画、WebGL 渲染）看起来发虚、锯齿、文字毛边，通常和显卡驱动、系统缩放、DPI 感知或浏览器渲染策略有关，而不是 HTML5 本身“画质低”。HTML5 是一套标准，不决定清晰度——真正起作用的是浏览器如何把 <canvas></canvas> 或 <video></video> 渲染到你屏幕上，而这依赖底层图形栈。
检查并关闭 Windows 非整数缩放（最常见元凶）
神舟多数机型出厂预装 Windows，且常默认启用 125% 或 150% 缩放（尤其 1080p 屏配高分屏 UI 逻辑），但很多网页、尤其是基于 Canvas 2D 或 requestAnimationFrame 的 HTML5 应用，并未正确处理非整数 DPI 缩放，导致浏览器强制拉伸位图，画面模糊。
- 进入
设置 → 系统 → 显示 → 缩放与布局，把缩放比例设为100%（哪怕文字变小，先试） - 重启浏览器（Chrome / Edge 必须完全退出进程，不只是关窗口）
- 如果必须用缩放，优先选
125%而非120%或133%—— 只有整数倍缩放（100% / 125% / 150% / 175%）才可能被浏览器原生支持 - 部分神舟机型 BIOS 中有「Display Scaling」或「HiDPI Mode」选项，进 BIOS 查看是否被误设为「Auto」或「Stretch」，建议设为「Native」或「Disabled」
强制 Chrome/Edge 启用高 DPI 渲染（针对 Canvas 和 WebGL）
即使缩放设为 100%，某些神舟笔记本（尤其搭载 Intel 核显 + 低版本驱动）仍会因 Chromium 默认禁用高 DPI canvas 后备缓冲，导致 ctx.drawImage() 或 ctx.fillText() 输出模糊。
- 在 Chrome 地址栏输入：
chrome://flags/#enable-hardware-accelerated-video-decode，确保开启 - 关键开关：
chrome://flags/#disable-skia-runtime-blend→ 设为Disabled - 更直接有效：启动 Chrome 时加参数（新建快捷方式目标栏末尾添加）：
"C:\Program Files\Google\Chrome\Application\chrome.exe" --high-dpi-support=1 --force-device-scale-factor=1
- 若用 Electron 应用（如 VS Code、Typora），需在其快捷方式中同样添加
--force-device-scale-factor=1，否则内部 WebView 仍模糊
更新 Intel 核显驱动（神舟主力显卡，极易踩坑）
神舟绝大多数轻薄本、游戏本使用 Intel Iris Xe / UHD Graphics，但出厂预装驱动往往滞后 1–2 年，旧版驱动对 WebGL 2.0、OffscreenCanvas、WebGPU 支持差，且存在已知的纹理采样模糊 bug（表现为 texture2D 模糊、videoTexture 边缘发虚）。
立即学习“前端免费学习笔记（深入）”；
- 不要用神舟官网提供的“驱动下载”页——它常只更新主板芯片组，漏掉显卡
- 去 Intel 官网下载最新版
Intel Graphics Driver（注意匹配你的 CPU 型号，例如13th Gen Intel® Core™） - 安装前用
DDU（Display Driver Uninstaller）在安全模式下彻底卸载旧驱动，避免残留冲突 - 装完后，在
Intel Graphics Command Center → Display → Advanced中关闭「Enhance video quality」和「Dynamic contrast」——这两项会干扰 HTML5 视频的 gamma 和锐度输出
真正难调的不是分辨率数字，而是缩放因子和驱动渲染路径之间的隐式耦合。很多神舟用户反复调 1920×1080 和 2560×1440，却没意识到模糊来自 --force-device-scale-factor=1.25 这个隐藏参数；也有人重装十次驱动，却漏掉了 DDU 彻底清理。调清楚这三层（系统缩放 → 浏览器标志 → 核显驱动），HTML5 画面就不再“自带柔焦滤镜”了。
