在桌面布局中打印响应式网站

时间:2014-06-13 01:31:35

标签: css html5 printing responsive-design

我目前正在做一个快速响应的网站。但是,当我打印网站时,布局是移动布局。 (就像我设计的那样,一些文本内容将被下拉菜单所取代。)现在的一个要求是让用户在桌面布局中打印页面。

例如,当我在chrome中打印getbootstrap.com时,它将打印没有菜单的移动布局。如何打印缩放桌面页面并以桌面布局打印的文件?

谢谢!

1 个答案:

答案 0 :(得分:2)

确保在CSS文件中的正确位置应用@media print查询。例如:

@media print and (min-width: 1024px) {
}