Eu quero converter px em vh e vw no JavaScript, como posso fazer isso?
exemplo 23px = resutado vh ou vw
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeÉ 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>