3

当我从 Chrome 在我的网站上打印页面时,布局变得不稳定。看看我在这里的意思。您可以看到顶部菜单,即 a ul,从水平变为垂直。想法?

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

4

2 回答 2

0

我自己在类似的问题中注意到了这个问题。在显示打印预览后,Chrome 似乎无法重新计算自动宽度。不确定在这种情况下是否有更好的解决方案,但如果您硬编码 ul.nav 的宽度,它似乎可以解决问题。

于 2012-09-30T23:05:57.290 回答
-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/

于 2012-06-26T22:58:32.493 回答