当我从Chrome打印网站上的页面时,布局变得很糟糕。明白我的意思here。您可以看到顶部菜单(ul
)从水平到垂直。想法?
更新:为了清楚起见,问题不在于打印渲染。简单地打开打印对话框会导致 屏幕 布局发生变化。
答案 0 :(得分:0)
我在类似的问题中自己也注意到了这个问题。 Chrome显示打印预览后,无法重新计算自动宽度。在这种情况下不确定是否有更好的修复方法,但如果您对ul.nav的宽度进行硬编码,则似乎可以解决问题。
答案 1 :(得分:-2)
您可以通过添加打印介质类型的样式来控制打印版面。
@media print
{
p.test {font-family:times,serif;font-size:10px;}
}
或
<link href="print-styles.css" media="print" rel="stylesheet" type="text/css" />
进一步阅读