cross-browser JavaScript module to measure dimensions
$ npm install dimeAPI (3.0)
dime.width(object) // get width
dime.height(object) // get height
dime.width(element, px) // set width
dime.height(element, px) // set heightwindow- DOM node:
documentor element - object with
.width/.heightproperties or methods
dime.width(screen) // => screen.width
dime.width({width:10, height:10}) // => 10jQueryish methods for compatible libs (such as ender)
.width() // get the width of the 1st elem in the set
.width(value) // set the width of all elems in the set
.height() // get the width of the 1st elem in the set
.height(value) // set the width of all elems in the set$(window).width()
$(document).width()
$(element).width()
$(element).width(100)dime.fn.width.call(stack)
dime.fn.width.call(stack, px)It is only sensible to use these for setting dimensions—the statics are faster for gets.
dime.fn.width.call([document]) // same as dime.width(document)
dime.fn.width.call(document.querySelectorAll('.example'), 100)Version notes
- 2.x device methods were removed because the native
screenprovides these. - 2.x viewport methods were removed in favor of
dime.width(window)although those methods are available in verge. - In 3.x
dimeis a plain object—not a wrapper function.
- verge: viewport utilities
License: MIT
Copyright (C) 2012 by Ryan Van Etten
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent