res
res
CSS resolution detection in JavaScript
npm install res --saveAPI
- Get resolution in dpi
- @return number
- Get resolution in dpcm
- @return number
- Get resolution in dppx
- @return number
Usage
var res = res // 1 res // 96 res // 37.79527559055118 Technical notes
- dppx equals
devicePixelRatio - dppx is the preferred resolution unit for web design
- User zoom affects resolution
Use with care
res was mainly written for investigative purposes. Making retina design accommodations can be impractical. Consider alternatives to resolution detection.
Example outputs
| Device | res.ddpx() |
res.dpi() |
res.dpcm() |
|---|---|---|---|
| desktop at default zoom | 1 | 96 | 37.79527559055118 |
| iPhone 4s at default zoom | 2 | 192 | 75.59055118110236 |
Compatibility
Browsers with resolution detectable by res
- Webkit (Chrome/Safari/Android)
- Firefox 18+
- Opera 11.1+ (Presto 2.8+)
- IE 6+
Methods return 0 where undetectable.
Related resources
License
MIT
Unleash awesomeness
Private packages, team management tools, and powerful integrations. Get started with npm Orgs
-
ryanve published 2016-09-12T00:29:31.658Z
- 0.4.0 is the latest of 6 releases
- github.com/ryanve/res
-
MIT
®
Collaborators list
Stats
- 2 downloads in the last day
- 175 downloads in the last week
- 609 downloads in the last month
- Have an issue? File it.
Try it out
Keywords
device, screen, browser, resolution, detection, responsive, retina, device-pixel-ratio, ender, mobile, detect, dpr
Dependencies
None