获取Bootstrap元素的高度,就像它在较小的屏幕上一样

时间:2017-08-22 03:54:56

标签: jquery css twitter-bootstrap

我使用Bootstrap和模板(http://aqvatarius.com/themes/index.php?template=intuitive

我有一张桌子报告。字段包括姓名,电话,电子邮件和备注。注释字段在桌面上约为2行,但在打印时约为4行。

主题会在加载和窗口大小调整时调整内容div高度。这意味着当我从桌面打印某些内容时,打印视图会被剪切,因为在包装备注文本之前已设置了内容div高度并增加了表格的高度。

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

问题:如果我正在查看桌面(this.props.changeHeaderTitle('Test');)并且打印纸宽度更像是小(lg),我可以获得表格的高度,就好像它是sm?或者我的打印按钮可以调整视口大小,打印然后调整大小?或者我还有其他方法吗?

1 个答案:

答案 0 :(得分:0)

在这里你可以测试:

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