获取Bootstrap元素在较小屏幕上的高度

Question

我正在使用引导程序和模板(http://aqvatarius.com/themes/index.php?template=intuitive)

我有一份有表格的报告。这些字段包括姓名、电话、电子邮件和备注。备注字段在桌面上约为2行，但在打印时约为4行。

该主题在加载和调整窗口大小时调整内容div的高度。这意味着当我从桌面打印内容时，打印视图会被裁剪，因为内容div的高度在注释文本被换行之前就已经设置好了，并且增加了表格的高度。

我可以通过先调整窗口大小，然后打印来解决这个问题。显然，这对我的用户来说并不理想。

问题:如果我当前看到的是台式机(lg)，而打印纸的宽度更像是较小的(sm)，我能像sm一样获得桌面的高度吗？或者我的打印按钮可以调整视口大小，打印后再重新调整大小？或者有没有其他我可以尝试的方法？

Answer 1

你可以在这里测试：

if($(window).width() >= 1024){
var top_nav_height = $("#id_of_top_nav").height();
var bottom_nav_height = $("#id_of_bottom_nav").height();  
}