01

测试多个桌面階段

1280 和 1440px 適合检查一般手提電腦；1920px 检查主流桌面；2560px 和 3840px 用來暴露超宽与 4K 问题。不要假設 4K 用户一定以 3840 CSS px 瀏覽，系統縮放會改變可用 viewport。

02

控制閱讀宽度，而不是填滿所有空间

文章和表單应使用合理 max-width；儀表板可增加欄數，但不要把單行文字拉到整个屏幕。背景和裝飾可以延伸，主要任務则維持清晰层級。

03

检查高密度資產与圖表

  • 照片提供足夠解析度但避免過大下載
  • 圖示优先使用可靠的向量或多倍像素資產
  • Canvas 圖表考慮 devicePixelRatio
  • 影片及背景設置合理尺寸上限
04

不要忘記 200% 縮放

Windows 显示縮放与浏览器縮放會令高解像度屏幕使用较小的 CSS viewport。测试 100%、125%、150% 和 200% 縮放，比只測一个 4K 畫框更接近真實使用。