Determine actual @media breakpoints
npm install actual@media breakpoints for CSS range features
1)
actual.actual
js
actual('width', 'em') // => 87.40625
actual('device-width', 'px') // => 1440
actual('resolution', 'dpi') // => 96
actual('color') // => 10
`
$3
- Test if a media query is active
- @return boolean
- Alias: actual.mq
`js
actual.is('tv')
actual.is('(width:30em)')
`
$3
- Create a partial function that gets a given feature in unit
- @return function
`js
['width', 'height', 'device-width', 'device-height'].map(actual.as('px'))
`
Compatibility
- Chrome 9+, FF6+, IE9+, Opera 12.1, Safari 5.1 or elsewhere via matchMedia or msMatchMedia
- Results depend on browser @media support for the feature in question
npm
`
npm install actual --save
`
Contribute
`
npm install
npm test
``