fn
useDevicePixelRatio
v0.0.14testeddemoReactively track window.devicePixelRatio, updated via a
matchMedia(resolution) listener (fires on zoom and on monitor changes).
Example
ts
const { pixelRatio } = useDevicePixelRatio();Demo
Loading demo…
Signature
ts
export function useDevicePixelRatio(options: UseDevicePixelRatioOptions ={ ... }Parameters
| Parameter | Type | Description |
|---|---|---|
options? | UseDevicePixelRatioOptions | Options (custom window) |
Returns
UseDevicePixelRatioReturn{ pixelRatio, stop }| Property | Type | Description |
|---|---|---|
pixelRatio | Readonly<ShallowRef<number>> | Reactive, readonly window.devicePixelRatio. Defaults to 1 on the
server / when no window is available. |
stop | WatchStopHandle | Stop tracking the device pixel ratio. Idempotent and a no-op on SSR. |