hello,大家好久不见,昨天在开发中遇到了一个问题,就是在自己开发的网页中右键-->打印,由于页面内容过多,打印出来的内容只被识别到一页。

针对这一问题,查阅了好多资料最终解决啦。

1.问题重现

        大家可以看到这个是我们开发的页面,公司需要打印这个html给另一个平台使用,但是因为页面长度是有滚动条的,所以正常情况下识别出来的应该是多页的。

但是 识别出来只有单页,无法滚动

 于是我去看了看b站的打印,b站是可以打印识别出来多页的

 2.解决办法

  这个问题当时真的是头疼死了,看了各种解决方案,有说大厂都是对打印做了特殊处理什么的,需要js包去控制等。

但是!没有那么复杂,我们只需要调整我们的样式就行了。

最主要的原因就是在打印的时候,系统会去识别页面的高度,如果你给你的body设置了一个固定高度100%,那么就只能识别到第一页。

所以,我们要把body的高度设置成auto

 

 现在我们再来打印一下试试:

 那么,问题就解决啦。


抓紧时间练起来吧,兄dei,再不练你就废啦!

记得支持我哦,么么哒,祝您好事成双~~~~~~

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐