4

Eu quero converter px em vh e vw no JavaScript, como posso fazer isso?

exemplo 23px = resutado vh ou vw

1 Resposta 1

4

É apenas uma questão de porcentagem:

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>

1

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .