iFrame中的完整高度PDF

时间:2014-08-09 12:57:20

标签: html css twitter-bootstrap iframe

我想在此页面中获取PDF内容: http://jimpix.co.uk/test.html

占据页面其余部分的100%,但只占用屏幕上一个小信箱形状的部分。

我已经在所有元素上设置了这个CSS:

style="width: 100%; height: 100%"

但它似乎没有做到这一点。

谁能看到我做错了什么?

由于

2 个答案:

答案 0 :(得分:0)

这是来自bootstrap css的td标签的填充(8px)。 在padding:0标记中添加<td>

<td style="width: 100%; height: 100%; padding: 0;">

答案 1 :(得分:0)

试试你的css:

td{padding:0 !important;}

或在元素的style属性中,如:

<td style="width: 100%; height: 100%; padding: 0 !important;">


编辑:

好的,我发现问题出在iframe上。如果你想做基本的,你可以将iframe的高度设置为静态高度,如下所示:

iframe{
height: 1000px;
}

如果您希望高度动态调整内容,您应该查看javascript / jQuery实现。也许是like this