我一直在努力使用基于zurb foundation 5的网站页面打印。当我打印或打印预览页面时,它默认采用medium
网格大小&使它看起来与页面的实际桌面版本不同。
我已经找到了关于基于sass的解决方案的解决方案,大多数人都提到过,但我没有使用sass或熟悉它。它们是一个带有禁用打印选项的基础的简单版本,因此桌面页面可以在屏幕上显示。
我知道这首先是移动设备,但用户在从桌面打印时不会使用移动设备进行打印。
高度赞赏使用sass的解决方案。
答案 0 :(得分:1)
您可以从foundation.css获取大网格大小的css并将其复制并放入一个名为的新css文件中 `print.css'然后像这样把它插入头部
<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />
这将确保您使用大网格进行打印
或者你也可以这样做
@media print {
}