qa-detect-viewport-units

Using 100vh for full-height layouts clips content because mobile browser chrome dynamically adjusts the viewport height. You need dynamic viewport units like dvh as a fallback to ensure responsive layouts adapt correctly to mobile browser chrome changes.

To check for missing retina 2x image sources, inspect image elements and validate that raster images have sufficient native resolution or srcset support. This ensures images render crisply on high-DPR mobile screens instead of appearing blurry.

The best way to audit mobile viewport height bugs is to scan stylesheets and live DOM elements for 100vh usage. This identifies where static viewport units lack dynamic fallbacks and cause full-height layouts to clip behind mobile browser chrome.

Yes, detecting mobile rendering defects requires live DOM measurement and stylesheet inspection. This process directly validates image resolution and viewport height clipping that standard desktop testing misses on high-DPR mobile routes.

Yes, responsive auditing works for full-height hero sections on high-DPR devices by validating image resolution and viewport height clipping. It automatically surfaces both 100vh misuse and missing 2x image sources on mobile routes.