在zurb foundation 5中禁用默认打印媒体查询而不使用sass

时间:2014-07-26 13:52:08

标签: html css zurb-foundation

我一直在努力使用基于zurb foundation 5的网站页面打印。当我打印或打印预览页面时,它默认采用medium网格大小&使它看起来与页面的实际桌面版本不同。

我已经找到了关于基于sass的解决方案的解决方案,大多数人都提到过,但我没有使用sass或熟悉它。它们是一个带有禁用打印选项的基础的简单版本,因此桌面页面可以在屏幕上显示。

我知道这首先是移动设备,但用户在从桌面打印时不会使用移动设备进行打印。

高度赞赏使用sass的解决方案。

1 个答案:

答案 0 :(得分:1)

您可以从foundation.css获取大网格大小的css并将其复制并放入一个名为的新css文件中 `print.css'然后像这样把它插入头部

  <link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />

这将确保您使用大网格进行打印

或者你也可以这样做

 @media print {

 }