当我从 Chrome 在我的网站上打印页面时,布局变得不稳定。看看我在这里的意思。您可以看到顶部菜单,即 a ul
,从水平变为垂直。想法?
更新:为了清楚起见,问题不在于打印渲染。简单地打开打印对话框的行为会导致屏幕布局发生变化。
当我从 Chrome 在我的网站上打印页面时,布局变得不稳定。看看我在这里的意思。您可以看到顶部菜单,即 a ul
,从水平变为垂直。想法?
更新:为了清楚起见,问题不在于打印渲染。简单地打开打印对话框的行为会导致屏幕布局发生变化。
我自己在类似的问题中注意到了这个问题。在显示打印预览后,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" />
延伸阅读