Test & FallBack VH

script.js

// Comprueba si el navegador soporta VH
// Si no lo soporta, aplica la mitad de la altura del navegador
// Incluso cuando cambia de tamaño
// Y avisa con un alert de que no lo soporta

//En caso contrario, solo avisa de que si lo soporta

if (!Modernizr.cssvhunit) {

	(window.onresize=function() {
		var height = window.screen.height,
			flex_item = document.getElementsByClassName('flex-item');

		for (var i=0; i < flex_item.length; i++) {
			
			flex_item[i].setAttribute('style' , 'min-height:' + height / 2 + 'px;');

		};

	alert('Este navegador «NO» soporta VH-VW');

	}).call(this);

} else {
	alert('Este navegador «SI» soporta VH-VW');
}

Test & FallBack VH.markdown

Test & FallBack VH

Test y fallback con modernizr para comprobar el soporte de VH-VW

A Pen by BCasal.es on CodePen.

License.