VIEWPORT STUDIO GUIDES

跨设备网站测试教学中心

从测试矩阵、常用尺寸到浏览器差异，逐步建立可重复、可交付的响应式网站 QA 流程。

所有指南

精选指南

01QA 流程

用一套精簡但完整的流程，检查版面、互動、内容、效能及无障礙问题。

02尺寸參考

理解 CSS viewport、设备像素及斷点的分別，建立精簡而有覆蓋力的尺寸組合。

03浏览器差異

从浏览器引擎、動態工具列到表單控制，了解为何同一尺寸仍可能出現不同結果。

04CSS 實作

正確处理瀏海、圓角、Dynamic Island 及底部手勢区域，避免内容被遮擋。

05疑難排解

理解 X-Frame-Options、CSP、登入 Cookie 及跨来源限制，分辨工具问题与网站安全设置。

06大屏测试

避免只为手机優化；检查超宽留白、内容行长、图片清晰度及高密度显示。