问题描述:利用react-to-print插件打印页面中的某一个部分(使用插件可看官方文档),插件使用没有问题,但是打印的部分显示不全,即不能自适应页面内容。调节过css样式,通过给网页打印部分设置一个高度可以看见一部分内容,但是这是不合理的,内容的高度是变化的,所以应该是自适应高度。经过反复的排查发现页面中使用了两次card导致,可能是card的css样式问题
错误原因:antd中的card连续使用了两次,css样式造成的冲突。
解决办法:将card改为div。
问题描述:利用react-to-print插件打印页面中的某一个部分(使用插件可看官方文档),插件使用没有问题,但是打印的部分显示不全,即不能自适应页面内容。调节过css样式,通过给网页打印部分设置一个高度可以看见一部分内容,但是这是不合理的,内容的高度是变化的,所以应该是自适应高度。经过反复的排查发现页面中使用了两次card导致,可能是card的css样式问题
错误原因:antd中的card连续使用了两次,css样式造成的冲突。
解决办法:将card改为div。