Chrome打印更改布局

时间:2012-06-26 20:15:22

标签: google-chrome layout printing

当我从Chrome打印网站上的页面时,布局变得很糟糕。明白我的意思here。您可以看到顶部菜单(ul)从水平到垂直。想法?

更新:为了清楚起见,问题不在于打印渲染。简单地打开打印对话框会导致 屏幕 布局发生变化。

2 个答案:

答案 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" />

进一步阅读

http://www.w3.org/TR/CSS2/media.html

http://www.alistapart.com/articles/goingtoprint/