Determine actual CSS media query breakpoints via JavaScript
@media
breakpoints for CSS range featuresactual(feature, unit="", guess=1, step=*)
1
)0
)actual.actual
actual('width', 'em') // => 87.40625
actual('device-width', 'px') // => 1440
actual('resolution', 'dpi') // => 96
actual('color') // => 10
actual.is(query)
actual.mq
actual.is('tv')
actual.is('(width:30em)')
actual.as(unit)
['width', 'height', 'device-width', 'device-height'].map(actual.as('px'))
matchMedia
or msMatchMedia
@media
support for the feature in questionnpm install actual --save
npm install
npm test
npm start