How to convert px into vh and vw in JavaScript?

Question

How to convert px into vh and vw in JavaScript?

Navigation

#1 by (3 votes)

3

I want to convert px into vh and vw in JavaScript, how can I do that?

example 23px = valued vh or vw

javascript jquery css3

asked by anonymous 13.03.2017 / 00:20

1 answer

How to add the BUILTIN \\ Administrators group in SQL Server to non-English operating systems? Using the php artisan make: repository command

score 3 · Accepted Answer

It's only a matter of percentage:

var convertPx2 = {
  vh: function(px){
    px = parseFloat(px);
    var wh = $(window).height(); // captura a altura da viewport

    // faz a relação de  porcentagem dos pixels informados
    // com a altura da viewport
    return (px*100)/wh;
  },
  vw: function(px){
    px = parseFloat(px);
    var ww = $(window).width();  // captura a largura da viewport

    // faz a relação de  porcentagem dos pixels informados
    // com a largura da viewport
    return (px*100)/ww; 
  }
}

var convertPx2 = {
	vh: function(px){
  	px = parseFloat(px);
  	var wh = $(window).height();
    
    return (px*100)/wh;
  },
	vw: function(px){
  	px = parseFloat(px);
  	var ww = $(window).width();
    
    return (px*100)/ww;
  }
}

console.log('400px em vw: ', convertPx2.vw(400));
console.log('400px em vh: ', convertPx2.vh(400));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>