【发布时间】：2012-06-26 20:15:22
【问题描述】：
当我通过 Chrome 在我的网站上打印一个页面时，布局变得不稳定。看看我的意思here。您可以看到顶部菜单（ul）从水平变为垂直。想法？
更新：为了清楚起见，问题不在于打印渲染。简单地打开打印对话框的行为会导致 屏幕 布局发生变化。
【问题讨论】：
标签： google-chrome layout printing
【发布时间】：2012-06-26 20:15:22
【问题描述】：
我自己在一个类似的问题中也注意到了这个问题。在显示打印预览后，Chrome 似乎无法重新计算自动宽度。不确定在这种情况下是否有更好的解决方案，但如果您硬编码 ul.nav 的宽度，它似乎可以解决问题。
【讨论】：
您可以通过为打印介质类型添加样式来控制打印布局。
@media print
{
p.test {font-family:times,serif;font-size:10px;}
}
或
<link href="print-styles.css" media="print" rel="stylesheet" type="text/css" />
进一步阅读
【讨论】：
-
问题是没有控制打印布局；打印布局是完美的。问题在于，只需打开打印对话框，屏幕布局就会发生变化。