Ho l'altezza massima di un elemento come 65vh. Ho bisogno di convertirlo in pixel nel mio JavaScript per vedere se un'immagine può adattarsi lì o se ho bisogno di ridurlo/ritagliarlo. (Sto facendo lo sviluppo dell'app win8).Come si converte un'altezza di un elemento dato in vh in pixel?
Funzionerà?
100 vh = screen.height quindi 65vh in pixel è screen.height *0.65
necessariamente screen.height * 0.65, ma viewport.height * 0.65. Anche se un'app di Windows 8 avrà sempre la stessa altezza, indipendentemente dallo stato dello snap, questa è una differenza importante nelle applicazioni basate su browser.
In JavaScript:
document.documentElement.clientHeight * 0.65;
Se stai usando jQuery, si può fare:
$(window).height() * 0.65;
Quando uso $("div").height(); in realtà restituisce il valore in pixel.
Controllare questo fiddle.
In pratica stai rispondendo alla tua stessa domanda. La vera domanda qui è: come posso trovare l'altezza del viewport? – Sumurai8