1

这里是泡菜。要在 html 中调整复选框的大小,通常建议您使用 js 强制浏览器调整元素的大小。

但是,在我们的例子中,我们使用的是 wkhtmltopdf(一个命令行转换器,它利用 webkit 创建 html 输出,然后转换为 PDF),据我所知,它不执行 js。

在这种情况下,我们仍然需要缩小一些复选框和单选按钮(实际上,'some' 是错误的——一大堆!)

这样做的可能方法是什么,如果有多个,最佳实践是什么?

4

3 回答 3

1

我知道这是一个很老的线程,但是我遇到了同样的问题并且在任何地方都没有找到正确的答案,所以我想帮助其他有类似问题的人。我正在处理 mdpf 生成的 pdf 中复选框的大小。唯一有效的是字体大小。尝试类似:

<input type='checkbox' style='font-size: 20pt;'>

希望这可以帮助某人。

于 2017-05-05T17:31:59.900 回答
0

您是否尝试设置打印样式表以查看它是否会影响输出?

@media print { /* css code */ }
于 2013-01-22T18:02:28.137 回答
0

您是否尝试过使用 CSS 来更改它们的大小?这在基于 webkit 的浏览器 Chrome 中运行良好。

input.big{
  height: 2em;
  width: 2em;
}

input.small{
  height: 0.5em;
  width: 0.5em;    
}

<input type="checkbox" id="small" class="small"/><label for="small">Small</label>
<input type="checkbox" id="big" class="big"/><label for="big">Big</label>

http://jsfiddle.net/Q8AzW/

于 2013-01-22T18:15:19.947 回答