| 12345678910111213141516171819202122232425262728293031 |
- /*!
- {
- "name": "CSS vmin unit",
- "property": "cssvminunit",
- "caniuse": "viewport-units",
- "tags": ["css"],
- "builderAliases": ["css_vminunit"],
- "notes": [{
- "name": "Related Modernizr Issue",
- "href": "https://github.com/Modernizr/Modernizr/issues/572"
- },{
- "name": "JSFiddle Example",
- "href": "https://jsfiddle.net/glsee/JRmdq/8/"
- }]
- }
- !*/
- define(['Modernizr', 'docElement', 'testStyles', 'roundedEquals', 'computedStyle'], function(Modernizr, docElement, testStyles, roundedEquals, computedStyle) {
- testStyles('#modernizr1{width: 50vm;width:50vmin}#modernizr2{width:50px;height:50px;overflow:scroll}#modernizr3{position:fixed;top:0;left:0;bottom:0;right:0}', function(node) {
- var elem = node.childNodes[2];
- var scroller = node.childNodes[1];
- var fullSizeElem = node.childNodes[0];
- var scrollbarWidth = parseInt((scroller.offsetWidth - scroller.clientWidth) / 2, 10);
- var one_vw = fullSizeElem.clientWidth / 100;
- var one_vh = fullSizeElem.clientHeight / 100;
- var expectedWidth = parseInt(Math.min(one_vw, one_vh) * 50, 10);
- var compWidth = parseInt(computedStyle(elem, null, 'width'), 10);
- Modernizr.addTest('cssvminunit', roundedEquals(expectedWidth, compWidth) || roundedEquals(expectedWidth, compWidth - scrollbarWidth));
- }, 3);
- });
|