hello,大家好久不見,昨天在開發中遇到了一個問題,就是在自己開發的網頁中右鍵-->打印,由于頁面內容過多,打印出來的內容只被識別到一頁。
針對這一問題,查閱了好多資料最終解決啦。
1.問題重現
????????大家可以看到這個是我們開發的頁面,公司需要打印這個html給另一個平臺使用,但是因為頁面長度是有滾動條的,所以正常情況下識別出來的應該是多頁的。
但是 識別出來只有單頁,無法滾動
?于是我去看了看b站的打印,b站是可以打印識別出來多頁的
?2.解決辦法
? 這個問題當時真的是頭疼死了,看了各種解決方案,有說大廠都是對打印做了特殊處理什么的,需要js包去控制等。
但是!沒有那么復雜,我們只需要調整我們的樣式就行了。
最主要的原因就是在打印的時候,系統會去識別頁面的高度,如果你給你的body設置了一個固定高度100%,那么就只能識別到第一頁。
所以,我們要把body的高度設置成auto
?
?現在我們再來打印一下試試:
?那么,問題就解決啦。
抓緊時間練起來吧,兄dei,再不練你就廢啦!
記得支持我哦,么么噠,祝您好事成雙~~~~~~