Google chrome Chrome打印更改布局

当我用Chrome在我的网站上打印页面时，布局会变得不稳定。明白我的意思了。您可以看到顶部菜单是一个从水平到垂直的

ul

。想法

---

更新：需要澄清的是，问题不在于打印渲染。只要打开打印对话框，屏幕就会改变布局。

您可以通过添加打印介质类型的样式来控制打印布局

@media print
  {
  p.test {font-family:times,serif;font-size:10px;}
  }

或

进一步阅读

---

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

问题不在于控制打印布局；印刷版式很完美。问题在于，只需打开“打印”对话框，屏幕布局就会发生变化。

<link href="print-styles.css" media="print" rel="stylesheet" type="text/css" />