Tengo un requisito en el que he creado HTML bootstrap modal como receptivo en función de la resolución de la pantalla y, para eso, he usado el porcentaje como unidad al configurar la altura/anchura como se muestra a continuación:

 <div id="main-popup" class="modal" style="width:500px;height:450px;'> <div class="modal-dialog"> <div class="modal-header" style="width:100%;height:5%"></div> <div class="modal-body" style="width:100%;height:90%"> <div class="left" style="width:25%"></div> <div class="right" style="width:75%"> <table table-hgight="430"> .... </table> </div> </div> <div class="modal-footer" style="width:100%;height:5%"></div> </div> </div>

Para hacer que esta ventana emergente responda, he agregado el siguiente código en javascript:

 $("#main-popup).css('width', '80%'); $("#main-popup).css('height', '75%'); $("#main-popup table").attr("table-height", $("#main-popup).height() * 0.9);

Esto funciona perfectamente en la aplicación, pero en broma, cuando traté de obtener la altura/anchura real de esos elementos modales, siempre devuelve 0 . No estoy seguro de lo que me estoy perdiendo aquí.