今天在用iview做打印准考证的时候遇到了几个问题,分享下问题和原因,愿后来者少走弯路(大神请略过)。


《问题1:打印预览时页面样式基本全部丢失》

【走的弯路】:百度时带有iview关键字,其实与iview无关,导致搜索结果不理想。应该直接搜核心空白的问题。

【原因】:打印预览时,浏览器读取不到class样式,只读取到了你所打印的div里面的样式名称而已,而并不会把对应的class属性值给读取过来。

【解决】:将class属性值改成行内元素(尽管不利于阅读)


《问题2:打印预览的时候总是多出一页空白页,无论内容多少,都会多出一页》

【走过的弯路】:最多只想到了是某个元素高度超出了,百度到的有用的结果都是让我改成height=auto,实际却是另一条弯路。另外也不是网上说的所有的height都受影响,并且body的height也不受影响,受影响的是你使用id指定的打印区域的最外层的高度。

【原因】:在你要打印的那个div上面的行内元素上面不能有“height:auto”,或者“height:100%”。

【解决】:直接不写height属性即可。